:root {
    --color-brand: #4d7fff;
    --color-brand-hover: #4470e0;
    --color-brand-light: #dfe8ff;
    --color-brand-opacity: #edf2ff;
    --color-red: #a40100;
    --line-height: 1.5;
    --font-size: 12px;
    --input-height: calc(var(--font-size) + 20px);
    --input-small-height: calc(var(--font-size) + 14px);
    --color-brand: #fe4800;
    --color-brand-hover: #f98;
    --color-brand-vs: #14c9ce;
    --color-brand-light: #fff7f2;
    --color-brand-opacity: #fff7f2;
    --color-brand-text: #fff;
    --color-brand-text-hover: #fff;
    --color-border: #e6e6e6;
    --border-radius: 4px;
    --border-highlight: #e6e6e6;
    --border-highlight-hover: #ccc;
    --btn-border-radius: var(--border-radius);
    --btn-brand: var(--color-brand);
    --btn-brand-gradient: var(--color-brand);
    --btn-brand-hover: var(--color-brand-hover);
    --btn-brand-gradient-hover: var(--color-brand-hover);
    --btn-brand-text: var(--color-brand-text);
    --btn-brand-text-hover: var(--color-brand-text-hover);
    --btn-text: #333;
    --btn-text-hover: #333;
    --btn-border: var(--color-brand);
    --btn-border-hover: var(--color-brand);
    --btn-bg: var(--color-brand-opacity);
    --btn-bg-hover: var(--color-brand-light);
    --color-warn: #ffb400;
    --color-red: #d0021b;
    --color-orange: #f50;
    --color-green: #51a300;
    --color-blue: #4d7fff;
    --color-disabled: #eee;
    --color-bg: #fafafa;
    --color-bg-hover: #eee;
    --duration: 0.25s;
    --app-brand: var(--color-brand);
    --app-brand-gradient: var(--color-brand);
    --app-nav-bg: #303a58;
    --app-bg: #e8ebf2
}

body,
html {
    font-family: Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
    color: #333;
    font-size: var(--font-size);
    -webkit-font-smoothing: antialiased;
    line-height: var(--line-height)
}



ol,
ul {
    list-style-type: none;
    list-style-image: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

b,
strong {
    font-weight: 700
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto
}

q {
    quotes: none
}

q:after,
q:before {
    content: "";
    content: none
}

small {
    font-size: 85.7%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: left;
    font-weight: inherit
}

img {
    border-style: none;
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border-style: none;
    white-space: normal;
    *margin-left: -7px
}

button,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
    *vertical-align: middle
}


button {
    text-transform: none
}

textarea {
    overflow: auto;
    resize: vertical
}


audio,
canvas,
video {
    display: inline-block;
    vertical-align: baseline
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}


a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all var(--duration);
    transition: all var(--duration)
}

a:hover {
    color: var(--color-brand)
}

a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
    text-decoration: none
}

a.link-light,
a.link-light:active,
a.link-light:focus,
a.link-light:visited {
    color: #999
}

a.link-grey,
a.link-grey:active,
a.link-grey:focus,
a.link-grey:visited,
a.link-light:hover {
    color: #666
}

a.link-grey:hover {
    color: #333
}

a.link-brand,
a.link-brand:active,
a.link-brand:focus,
a.link-brand:visited {
    color: var(--color-brand)
}

a.link-brand:hover {
    color: var(--color-brand-hover)
}

label {
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    font-weight: 400
}

[mx-view] item {
    display: none
}

::-moz-selection {
    background-color: var(--color-brand-opacity);
    color: #fff
}

::-moz-selection,
::selection {
    background-color: var(--color-brand-opacity);
    color: #fff
}

.btn,
.mx-btn {
    position: relative;
    display: inline-block;
    height: var(--input-height);
    margin-bottom: 0;
    padding: 0 10px;
    font-size: var(--font-size);
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    line-height: calc(var(--input-height) - 2px);
    border-radius: var(--btn-border-radius);
    border: 1px solid var(--btn-border);
    background-color: var(--btn-bg);
    background-image: none;
    color: var(--btn-text);
    -webkit-transition: border-color var(--duration), background-color var(--duration), color var(--duration);
    transition: border-color var(--duration), background-color var(--duration), color var(--duration)
}

.btn .btn-tag,
.mx-btn .btn-tag {
    margin-left: -12px
}

.btn.hover,
.btn:active,
.btn:hover,
.mx-btn.hover,
.mx-btn:active,
.mx-btn:hover {
    border-color: var(--btn-border-hover);
    background-color: var(--btn-bg-hover);
    background-image: none;
    color: var(--btn-text-hover)
}

.btn.btn-small,
.mx-btn.btn-small {
    height: var(--input-small-height);
    line-height: calc(var(--input-small-height) - 2px)
}

.btn.btn-brand,
.mx-btn.btn-brand {
    padding: 0 11px;
    line-height: var(--input-height);
    border-width: 0;
    background-color: var(--btn-brand);
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--btn-brand-gradient)));
    background-image: linear-gradient(90deg, transparent, var(--btn-brand-gradient));
    color: var(--btn-brand-text)
}

.btn.btn-brand.hover,
.btn.btn-brand:active,
.btn.btn-brand:hover,
.mx-btn.btn-brand.hover,
.mx-btn.btn-brand:active,
.mx-btn.btn-brand:hover {
    line-height: var(--input-height);
    border-width: 0;
    background-color: var(--btn-brand-hover);
    color: var(--btn-brand-text-hover)
}

.btn.btn-brand.btn-small,
.mx-btn.btn-brand.btn-small {
    line-height: var(--input-small-height)
}

.btn.btn-brand .btn-tag,
.mx-btn.btn-brand .btn-tag {
    background-color: red
}

.btn.btn-brand .btn-tag .btn-tag-arrow,
.mx-btn.btn-brand .btn-tag .btn-tag-arrow {
    border-color: red transparent transparent red
}

.btn.btn-white,
.mx-btn.btn-white {
    border-color: #fff;
    background-color: #fff;
    background-image: none
}

.btn.btn-white.hover,
.btn.btn-white:active,
.btn.btn-white:hover,
.mx-btn.btn-white.hover,
.mx-btn.btn-white:active,
.mx-btn.btn-white:hover {
    border-color: var(--color-bg);
    background-color: var(--color-bg);
    background-image: none
}

.btn.btn-disabled,
.btn.btn-disabled.hover,
.btn.btn-disabled:active,
.btn.btn-disabled:hover,
.btn[disabled],
.btn[disabled].hover,
.btn[disabled]:active,
.btn[disabled]:hover,
.mx-btn.btn-disabled,
.mx-btn.btn-disabled.hover,
.mx-btn.btn-disabled:active,
.mx-btn.btn-disabled:hover,
.mx-btn[disabled],
.mx-btn[disabled].hover,
.mx-btn[disabled]:active,
.mx-btn[disabled]:hover {
    cursor: not-allowed;
    line-height: calc(var(--input-height) - 2px);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-disabled);
    background-image: none;
    color: #999
}

.btn.btn-disabled.btn-small,
.btn.btn-disabled.hover.btn-small,
.btn.btn-disabled:active.btn-small,
.btn.btn-disabled:hover.btn-small,
.btn[disabled].btn-small,
.btn[disabled].hover.btn-small,
.btn[disabled]:active.btn-small,
.btn[disabled]:hover.btn-small,
.mx-btn.btn-disabled.btn-small,
.mx-btn.btn-disabled.hover.btn-small,
.mx-btn.btn-disabled:active.btn-small,
.mx-btn.btn-disabled:hover.btn-small,
.mx-btn[disabled].btn-small,
.mx-btn[disabled].hover.btn-small,
.mx-btn[disabled]:active.btn-small,
.mx-btn[disabled]:hover.btn-small {
    line-height: calc(var(--input-small-height) - 2px)
}

.btn.btn-disabled .btn-tag,
.btn.btn-disabled.hover .btn-tag,
.btn.btn-disabled:active .btn-tag,
.btn.btn-disabled:hover .btn-tag,
.btn[disabled] .btn-tag,
.btn[disabled].hover .btn-tag,
.btn[disabled]:active .btn-tag,
.btn[disabled]:hover .btn-tag,
.mx-btn.btn-disabled .btn-tag,
.mx-btn.btn-disabled.hover .btn-tag,
.mx-btn.btn-disabled:active .btn-tag,
.mx-btn.btn-disabled:hover .btn-tag,
.mx-btn[disabled] .btn-tag,
.mx-btn[disabled].hover .btn-tag,
.mx-btn[disabled]:active .btn-tag,
.mx-btn[disabled]:hover .btn-tag {
    background-color: #ccc
}

.btn.btn-disabled .btn-tag .btn-tag-arrow,
.btn.btn-disabled.hover .btn-tag .btn-tag-arrow,
.btn.btn-disabled:active .btn-tag .btn-tag-arrow,
.btn.btn-disabled:hover .btn-tag .btn-tag-arrow,
.btn[disabled] .btn-tag .btn-tag-arrow,
.btn[disabled].hover .btn-tag .btn-tag-arrow,
.btn[disabled]:active .btn-tag .btn-tag-arrow,
.btn[disabled]:hover .btn-tag .btn-tag-arrow,
.mx-btn.btn-disabled .btn-tag .btn-tag-arrow,
.mx-btn.btn-disabled.hover .btn-tag .btn-tag-arrow,
.mx-btn.btn-disabled:active .btn-tag .btn-tag-arrow,
.mx-btn.btn-disabled:hover .btn-tag .btn-tag-arrow,
.mx-btn[disabled] .btn-tag .btn-tag-arrow,
.mx-btn[disabled].hover .btn-tag .btn-tag-arrow,
.mx-btn[disabled]:active .btn-tag .btn-tag-arrow,
.mx-btn[disabled]:hover .btn-tag .btn-tag-arrow {
    border-color: #ccc transparent transparent #ccc
}

.mx-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx-btn.mx-btn-custom {
    border-color: var(--mx-btn-custom-color);
    background-color: var(--mx-btn-custom-color);
    background-image: none;
    color: var(--mx-btn-custom-color-text)
}

.mx-btn.mx-btn-custom.hover,
.mx-btn.mx-btn-custom:active,
.mx-btn.mx-btn-custom:hover {
    border-color: var(--mx-btn-custom-color-hover);
    background-color: var(--mx-btn-custom-color-hover);
    background-image: none;
    color: var(--mx-btn-custom-color-hover-text)
}

.dialog-body,
.dialog-header {
    padding: 16px 24px
}

.dialog-header {
    border-bottom: 1px solid var(--color-border)
}

.dialog-header .header-name {
    font-size: 16px
}

.dialog-footer {
    padding: 10px 24px;
    text-align: left;
    border-top: 1px solid var(--color-border)
}

:-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
    opacity: 1;
    color: #999
}

:-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder,
::placeholder {
    opacity: 1;
    color: #999
}

.textarea,
textarea {
    display: inline-block;
    max-width: 100%;
    font-size: var(--font-size);
    border: 1px solid var(--border-highlight);
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color var(--duration) ease-out;
    transition: border-color var(--duration) ease-out;
    color: #333;
    outline: none
}



.textarea,
textarea {
    line-height: calc(var(--font-size) + 8px);
    padding: 8px
}



@-webkit-keyframes checkboxAfter {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    to {
        transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }
}

@keyframes checkboxAfter {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    to {
        transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }
}

@-webkit-keyframes checkboxBefore {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0
    }
}

@keyframes checkboxBefore {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0
    }
}

:root {
    --mx-checkbox-color: #ccc;
    --mx-checkbox-size: calc(var(--font-size) + 2px)
}



@-webkit-keyframes radioAfter {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes radioAfter {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes radioBefore {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: .7
    }

    to {
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        opacity: 0
    }
}

@keyframes radioBefore {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: .7
    }

    to {
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        opacity: 0
    }
}


@font-face {
    font-family: mx-iconfont;
    src:url(//at.alicdn.com/t/font_386526_0jrioos580c6.ttf) format("truetype")
}

.mc-iconfont {
    display: inline-block;
    position: relative;
    font-family: mx-iconfont;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    font-variant: normal;
    font-display: fallback;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.loading {
    width: 150px;
    margin: 0 auto;
    line-height: 0;
    text-align: center
}

.loading:after,
.loading:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    background-color: var(--color-border);
    border-radius: 50%;
    -webkit-animation: sk-bouncedelay 1s ease-in-out infinite both;
    animation: sk-bouncedelay 1s ease-in-out infinite both
}

.loading:before {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loading .loading-anim {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px;
    background-color: var(--color-border);
    border-radius: 50%;
    -webkit-animation: sk-bouncedelay 1s ease-in-out infinite both;
    animation: sk-bouncedelay 1s ease-in-out infinite both;
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.mx-loading-bg-brand {
    background-color: var(--color-brand)
}

.mx-loading-bg-grey {
    background-color: var(--color-border)
}

@-webkit-keyframes square-anim {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    to {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes square-anim {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    to {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.mx-loading-square {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-animation: square-anim 1.2s ease-in-out infinite;
    animation: square-anim 1.2s ease-in-out infinite
}

@-webkit-keyframes bounce {

    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {

    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.mx-loading-double-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .4;
    -webkit-animation: bounce 2s ease-in-out infinite;
    animation: bounce 2s ease-in-out infinite
}

.mx-loading-double-circle2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes rectangle-anim {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes rectangle-anim {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.mx-loading-rects {
    text-align: center;
    height: 100%
}

.mx-loading-rects .mx-loading-rect {
    display: inline-block;
    height: 100%;
    width: 4px;
    border-radius: 2px;
    margin-right: 2px;
    -webkit-animation: rectangle-anim 1.2s ease-in-out infinite;
    animation: rectangle-anim 1.2s ease-in-out infinite
}

.mx-loading-rects .mx-loading-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.mx-loading-rects .mx-loading-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.mx-loading-rects .mx-loading-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.mx-loading-rects .mx-loading-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5);
        transform: translateX(42px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5);
        transform: translateX(42px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.mx-loading-cube1,
.mx-loading-cube2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    -webkit-animation: cubemove 1.8s ease-in-out infinite;
    animation: cubemove 1.8s ease-in-out infinite
}

.mx-loading-cube2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.mx-loading-pulse {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: scaleout 1s ease-in-out infinite;
    animation: scaleout 1s ease-in-out infinite
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mx-loading-dots {
    position: relative;
    text-align: center;
    height: 100%;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.mx-loading-dots .mx-loading-dot1,
.mx-loading-dots .mx-loading-dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100%;
    -webkit-animation: bounce 2s ease-in-out infinite;
    animation: bounce 2s ease-in-out infinite
}

.mx-loading-dots .mx-loading-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.mx-loading-three-bounce {
    display: inline-block;
    width: 30%;
    height: 30%;
    margin-right: 5%;
    border-radius: 50%;
    -webkit-animation: bouncedelay 1.4s ease-in-out infinite;
    animation: bouncedelay 1.4s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.mx-loading-three-bounce:last-child {
    margin-right: 0
}

.mx-loading-three-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.mx-loading-three-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.mx-loading-spinner-circle {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s ease-in-out infinite;
    animation: bouncedelay 1.2s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.mx-loading-spinner-circle1 {
    top: 0;
    left: 0
}

.mx-loading-spinner-circle2 {
    top: 0;
    right: 0
}

.mx-loading-spinner-circle3 {
    right: 0;
    bottom: 0
}

.mx-loading-spinner-circle4 {
    left: 0;
    bottom: 0
}

.mx-loading-spinner {
    position: absolute;
    width: 100%;
    height: 100%
}

.mx-loading-spinner1 .mx-loading-spinner-circle2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.mx-loading-spinner1 .mx-loading-spinner-circle3 {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.mx-loading-spinner1 .mx-loading-spinner-circle4 {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.mx-loading-spinner2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mx-loading-spinner2 .mx-loading-spinner-circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.mx-loading-spinner2 .mx-loading-spinner-circle2 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.mx-loading-spinner2 .mx-loading-spinner-circle3 {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.mx-loading-spinner2 .mx-loading-spinner-circle4 {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.mx-loading-spinner3 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mx-loading-spinner3 .mx-loading-spinner-circle1 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.mx-loading-spinner3 .mx-loading-spinner-circle2 {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.mx-loading-spinner3 .mx-loading-spinner-circle3 {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.mx-loading-spinner3 .mx-loading-spinner-circle4 {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.fontsize-12 {
    font-size: 12px
}

.fontsize-14 {
    font-size: 14px
}

.fontsize-16 {
    font-size: 16px
}

.fontsize-18 {
    font-size: 18px
}

.fontsize-20 {
    font-size: 20px
}

.fontsize-22 {
    font-size: 22px
}

.fontsize-24 {
    font-size: 24px
}

.fontsize-26 {
    font-size: 26px
}

.fontsize-28 {
    font-size: 28px
}

.fontsize-30 {
    font-size: 30px
}

.fontsize-32 {
    font-size: 32px
}

.fontsize-34 {
    font-size: 34px
}

.fontsize-36 {
    font-size: 36px
}

.fontsize-38 {
    font-size: 38px
}

.fontsize-40 {
    font-size: 40px
}

.lh14 {
    line-height: 14px
}

.lh16 {
    line-height: 16px
}

.lh18 {
    line-height: 18px
}

.lh20 {
    line-height: 20px
}

.lh22 {
    line-height: 22px
}

.lh24 {
    line-height: 24px
}

.lh26 {
    line-height: 26px
}

.lh28 {
    line-height: 28px
}

.lh30 {
    line-height: 30px
}

.lh32 {
    line-height: 32px
}

.lh34 {
    line-height: 34px
}

.lh36 {
    line-height: 36px
}

.min-width-10 {
    min-width: 10px
}

.min-width-20 {
    min-width: 20px
}

.min-width-30 {
    min-width: 30px
}

.min-width-40 {
    min-width: 40px
}

.min-width-50 {
    min-width: 50px
}

.min-width-60 {
    min-width: 60px
}

.min-width-70 {
    min-width: 70px
}

.min-width-80 {
    min-width: 80px
}

.min-width-90 {
    min-width: 90px
}

.min-width-100 {
    min-width: 100px
}

.min-width-110 {
    min-width: 110px
}

.min-width-120 {
    min-width: 120px
}

.min-width-130 {
    min-width: 130px
}

.min-width-140 {
    min-width: 140px
}

.min-width-150 {
    min-width: 150px
}

.min-width-160 {
    min-width: 160px
}

.min-width-170 {
    min-width: 170px
}

.min-width-180 {
    min-width: 180px
}

.min-width-190 {
    min-width: 190px
}

.min-width-200 {
    min-width: 200px
}

.min-width-210 {
    min-width: 210px
}

.min-width-220 {
    min-width: 220px
}

.min-width-230 {
    min-width: 230px
}

.min-width-240 {
    min-width: 240px
}

.min-width-250 {
    min-width: 250px
}

.min-width-260 {
    min-width: 260px
}

.min-width-270 {
    min-width: 270px
}

.min-width-280 {
    min-width: 280px
}

.min-width-290 {
    min-width: 290px
}

.min-width-300 {
    min-width: 300px
}

.min-width-310 {
    min-width: 310px
}

.min-width-320 {
    min-width: 320px
}

.max-width-100 {
    max-width: 100px
}

.max-width-200 {
    max-width: 200px
}

.max-width-300 {
    max-width: 300px
}

.max-width-400 {
    max-width: 400px
}

.max-width-500 {
    max-width: 500px
}

.max-width-600 {
    max-width: 600px
}

.max-width-700 {
    max-width: 700px
}

.max-width-800 {
    max-width: 800px
}

.max-width-900 {
    max-width: 900px
}

.max-width-1000 {
    max-width: 1000px
}

.min-height-10 {
    min-height: 10px
}

.min-height-20 {
    min-height: 20px
}

.min-height-30 {
    min-height: 30px
}

.min-height-40 {
    min-height: 40px
}

.min-height-50 {
    min-height: 50px
}

.min-height-60 {
    min-height: 60px
}

.min-height-70 {
    min-height: 70px
}

.min-height-80 {
    min-height: 80px
}

.min-height-90 {
    min-height: 90px
}

.min-height-100 {
    min-height: 100px
}

.min-height-110 {
    min-height: 110px
}

.min-height-120 {
    min-height: 120px
}

.min-height-130 {
    min-height: 130px
}

.min-height-140 {
    min-height: 140px
}

.min-height-150 {
    min-height: 150px
}

.min-height-160 {
    min-height: 160px
}

.min-height-170 {
    min-height: 170px
}

.min-height-180 {
    min-height: 180px
}

.min-height-190 {
    min-height: 190px
}

.min-height-200 {
    min-height: 200px
}

.min-height-210 {
    min-height: 210px
}

.min-height-220 {
    min-height: 220px
}

.min-height-230 {
    min-height: 230px
}

.min-height-240 {
    min-height: 240px
}

.min-height-250 {
    min-height: 250px
}

.min-height-260 {
    min-height: 260px
}

.min-height-270 {
    min-height: 270px
}

.min-height-280 {
    min-height: 280px
}

.min-height-290 {
    min-height: 290px
}

.min-height-300 {
    min-height: 300px
}

.min-height-310 {
    min-height: 310px
}

.min-height-320 {
    min-height: 320px
}

.max-height-100 {
    max-height: 100px
}

.max-height-200 {
    max-height: 200px
}

.max-height-300 {
    max-height: 300px
}

.max-height-400 {
    max-height: 400px
}

.max-height-500 {
    max-height: 500px
}

.max-height-600 {
    max-height: 600px
}

.max-height-700 {
    max-height: 700px
}

.max-height-800 {
    max-height: 800px
}

.max-height-900 {
    max-height: 900px
}

.max-height-1000 {
    max-height: 1000px
}

.mt8 {
    margin-top: 8px
}

.mr8 {
    margin-right: 8px
}

.mb8 {
    margin-bottom: 8px
}

.ml8 {
    margin-left: 8px
}

.pt8 {
    padding-top: 8px
}

.pr8 {
    padding-right: 8px
}

.pb8 {
    padding-bottom: 8px
}

.pl8 {
    padding-left: 8px
}

.mt16 {
    margin-top: 16px
}

.mr16 {
    margin-right: 16px
}

.mb16 {
    margin-bottom: 16px
}

.ml16 {
    margin-left: 16px
}

.pr16 {
    padding-right: 16px
}

.pb16 {
    padding-bottom: 16px
}

.pl16 {
    padding-left: 16px
}

.mt24 {
    margin-top: 24px
}

.mr24 {
    margin-right: 24px
}

.mb24 {
    margin-bottom: 24px
}

.ml24 {
    margin-left: 24px
}

.pt24 {
    padding-top: 24px
}

.pr24 {
    padding-right: 24px
}

.pb24 {
    padding-bottom: 24px
}

.pl24 {
    padding-left: 24px
}

.mt32 {
    margin-top: 32px
}

.mr32 {
    margin-right: 32px
}

.mb32 {
    margin-bottom: 32px
}

.ml32 {
    margin-left: 32px
}

.pt32 {
    padding-top: 32px
}

.pr32 {
    padding-right: 32px
}

.pb32 {
    padding-bottom: 32px
}

.pl32 {
    padding-left: 32px
}

.mt48 {
    margin-top: 48px
}

.mr48 {
    margin-right: 48px
}

.mb48 {
    margin-bottom: 48px
}

.ml48 {
    margin-left: 48px
}

.pt48 {
    padding-top: 48px
}

.pr48 {
    padding-right: 48px
}

.pb48 {
    padding-bottom: 48px
}

.pl48 {
    padding-left: 48px
}

.pt105 {
    padding-top: 105px
}

.pr105 {
    padding-right: 105px
}

.pb105 {
    padding-bottom: 105px
}

.pl105 {
    padding-left: 105px
}

.pa105 {
    padding: 105px
}

.pt110 {
    padding-top: 110px
}

.pr110 {
    padding-right: 110px
}

.pb110 {
    padding-bottom: 110px
}

.pl110 {
    padding-left: 110px
}

.pa110 {
    padding: 110px
}

.pt115 {
    padding-top: 115px
}

.pr115 {
    padding-right: 115px
}

.pb115 {
    padding-bottom: 115px
}

.pl115 {
    padding-left: 115px
}

.pa115 {
    padding: 115px
}

.pt120 {
    padding-top: 120px
}

.pr120 {
    padding-right: 120px
}

.pb120 {
    padding-bottom: 120px
}

.pl120 {
    padding-left: 120px
}

.pa120 {
    padding: 120px
}

.pt125 {
    padding-top: 125px
}

.pr125 {
    padding-right: 125px
}

.pb125 {
    padding-bottom: 125px
}

.pl125 {
    padding-left: 125px
}

.pa125 {
    padding: 125px
}

.pt130 {
    padding-top: 130px
}

.pr130 {
    padding-right: 130px
}

.pb130 {
    padding-bottom: 130px
}

.pl130 {
    padding-left: 130px
}

.pa130 {
    padding: 130px
}

.pt135 {
    padding-top: 135px
}

.pr135 {
    padding-right: 135px
}

.pb135 {
    padding-bottom: 135px
}

.pl135 {
    padding-left: 135px
}

.pa135 {
    padding: 135px
}

.pt140 {
    padding-top: 140px
}

.pr140 {
    padding-right: 140px
}

.pb140 {
    padding-bottom: 140px
}

.pl140 {
    padding-left: 140px
}

.pa140 {
    padding: 140px
}

.tc,
.text-center {
    text-align: center
}

.text-right,
.tr {
    text-align: right
}

.text-left,
.tl {
    text-align: left
}

.border-radius,
.radius {
    border-radius: var(--border-radius)
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bold {
    font-weight: 700
}

.word-break {
    word-break: break-all
}

.font-tahoma {
    font-family: Tahoma
}

.font-simhei {
    font-family: SimHei
}

.color-3 {
    color: #333
}

.color-6 {
    color: #666
}

.color-9 {
    color: #999
}

.color-f {
    color: #fff
}

.color-brand,
a.color-brand:link,
a.color-brand:visited {
    color: var(--color-brand)
}

.color-h-3:hover {
    color: #333
}

.color-h-brand:hover {
    color: var(--color-brand)
}

.color-brand-vs {
    color: var(--color-brand-vs)
}

.color-error,
.color-red {
    color: var(--color-red)
}

.color-green {
    color: var(--color-green)
}

.color-warn {
    color: var(--color-warn)
}

.bt-e6 {
    border-top: 1px solid var(--color-border)
}

.bb-e6 {
    border-bottom: 1px solid var(--color-border)
}

.cursor-pointer {
    cursor: pointer
}

.cursor-help {
    cursor: help
}

.cursor-move {
    cursor: move
}

.cursor-not-allow {
    cursor: not-allowed
}

.inline {
    display: inline
}

.ib,
.inline-block {
    display: inline-block
}

.hide,
.none {
    display: none
}

.opacity0 {
    opacity: 0
}

.rotate180 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.displacement-1 {
    position: relative;
    top: 1px
}

.displacement-2 {
    position: relative;
    top: 2px
}

.displacement-3 {
    position: relative;
    top: 3px
}

.search-box {
    display: inline-block;
    position: relative;
    width: 100%
}

.search-box .search-icon {
    position: absolute;
    top: 0;
    left: 1px;
    width: var(--input-height);
    height: var(--input-height);
    line-height: var(--input-height);
    text-align: center;
    color: #999;
    font-size: 18px
}

.search-box .search-input {
    width: 100%;
    padding-left: var(--input-height)
}

.scroll-y {
    overflow-y: auto
}

.scroll-x {
    overflow-x: auto
}

.hidden-y {
    overflow-y: hidden
}

.hidden-x {
    overflow-x: hidden
}

.empty-area,
.empty-white {
    position: relative;
    min-height: 200px;
    padding-top: 40px;
    text-align: center;
    color: #999
}

.empty-area .no-data,
.empty-white .no-data {
    height: 80px;
    font-size: 60px;
    color: #ccc
}

.empty-area .empty-inner,
.empty-white .empty-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 110px;
    margin-top: -55px;
    margin-left: -45%
}

.empty-area {
    background-color: var(--color-bg)
}

.page-header {
    position: relative;
    margin-bottom: 20px
}

.page-header .page-tip {
    color: #999
}

.page-header .header-filters {
    position: absolute;
    right: 0;
    bottom: 12px
}

.first-header,
.second-header {
    margin-right: 16px;
    line-height: 32px
}

.first-header {
    font-size: 20px
}

.second-header {
    font-size: 16px
}

.pager-wrapper {
    padding: 16px 24px
}

.table-pager-wrapper {
    padding: 16px 24px;
    background-color: var(--color-bg)
}

.error-content,
.notice-content,
.tip-content {
    position: relative;
    padding: 10px 20px
}

.error-content {
    background-color: var(--color-red);
    color: #fff
}

.notice-content {
    background-color: var(--color-warn);
    color: #fff
}

.tip-content {
    background-color: var(--color-bg);
    color: #999;
    line-height: 18px
}

.tip-content .tip-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 18px;
    line-height: 18px;
    color: #ccc
}

.tip-content.has-icon {
    padding-left: 30px
}

.tip-content.has-border {
    border-radius: var(--border-radius);
    border: 1px solid var(--color-border)
}

.tip-content.has-highlight {
    color: #333
}

.tip-content.has-highlight .tip-icon {
    color: var(--color-brand)
}

.brand-hollow-icon,
.brand-solid-icon,
.grey-hollow-icon,
.grey-solid-icon {
    display: inline-block;
    min-width: 32px;
    height: 22px;
    margin-right: -4px;
    margin-left: -4px;
    padding: 0 6px;
    font-size: 12px;
    -webkit-transform: scale(.72);
    transform: scale(.72);
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    border-width: 1px;
    border-style: solid
}

.brand-solid-icon,
.brand-solid-icon:hover {
    border-radius: 4px;
    background-color: var(--color-brand);
    border-color: var(--color-brand);
    color: #fff
}

.grey-solid-icon,
.grey-solid-icon:hover {
    border-radius: 4px;
    background-color: #ccc;
    border-color: #ccc;
    color: #fff
}

.brand-hollow-icon,
.brand-hollow-icon:hover {
    border-radius: 10px;
    border-color: var(--color-brand);
    color: var(--color-brand)
}

.grey-hollow-icon,
.grey-hollow-icon:hover {
    border-radius: 10px;
    border: 1px solid #ccc;
    color: #999
}

.grid {
    background: #fff;
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    -webkit-transition: -webkit-box-shadow var(--duration) ease-out;
    transition: -webkit-box-shadow var(--duration) ease-out;
    transition: box-shadow var(--duration) ease-out;
    transition: box-shadow var(--duration) ease-out, -webkit-box-shadow var(--duration) ease-out
}

.grid .grid-title {
    font-size: 16px
}

.grid .grid-title>* {
    max-height: 32px
}

.grid:hover {
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .08)
}

.mx-tag {
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 3;
    display: inline-block;
    height: 18px;
    margin-top: calc(2px - var(--input-height));
    padding-left: 4px;
    padding-right: 4px;
    line-height: 18px;
    border-radius: var(--border-radius);
    background-color: var(--color-brand);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

.mx-tag .mx-tag-name {
    display: inline-block;
    -webkit-transform: scale(.92);
    transform: scale(.92)
}

.mx-tag .mx-tag-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 4px;
    top: 18px;
    border-left: 3px solid var(--color-brand);
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid var(--color-brand)
}

@-webkit-keyframes suspension {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }

    75% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes suspension {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }

    75% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.mx-anim-suspension {
    display: inline-block;
    -webkit-animation: suspension 1.4s ease-out infinite;
    animation: suspension 1.4s ease-out infinite
}

@-webkit-keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

.mx-trigger {
    display: block;
    position: relative;
    width: 100%;
    height: var(--input-height);
    padding: 0 25px 0 10px;
    line-height: calc(var(--input-height) - 2px);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all var(--duration);
    transition: all var(--duration);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-highlight);
    background-color: #fff
}

.mx-trigger .mx-trigger-label {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx-trigger .mx-trigger-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    margin-top: -14px;
    color: var(--border-highlight);
    -webkit-transition: all var(--duration);
    transition: all var(--duration)
}

.mx-trigger.mx-trigger-open .mx-trigger-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -15px
}

.mx-output,
.mx-shadow {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    border: 1px solid #f5f5f6
}

.mx-output {
    display: none;
    position: absolute;
    left: 0;
    z-index: 99;
    min-width: 100%;
    max-width: 280%;
    border-radius: var(--border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff
}

.mx-output.mx-output-bottom {
    top: 100%;
    margin-top: 10px
}

.mx-output.mx-output-bottom.mx-output-open {
    display: block;
    -webkit-animation: fade-in-down var(--duration) ease-out;
    animation: fade-in-down var(--duration) ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.mx-output.mx-output-top {
    bottom: 100%;
    margin-bottom: 10px
}

.mx-output.mx-output-top.mx-output-open {
    display: block;
    -webkit-animation: fade-in-up var(--duration) ease-out;
    animation: fade-in-up var(--duration) ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.mx-output .mx-output-search {
    padding: 10px 10px 0
}

.mx-output .mx-output-list {
    max-height: 300px;
    padding: 8px 10px;
    overflow: auto
}

.mx-output .mx-output-item {
    padding: 2px 0
}

.mx-output .mx-output-header {
    padding-left: 2px;
    padding-right: 2px;
    color: #999;
    cursor: default
}

.mx-output .mx-output-header,
.mx-output .mx-output-link {
    height: var(--input-small-height);
    line-height: var(--input-small-height);
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx-output .mx-output-link {
    display: block;
    width: 100%;
    padding: 0 8px;
    border-radius: var(--border-radius);
    -webkit-transition: all var(--duration);
    transition: all var(--duration);
    cursor: pointer
}

.mx-output .mx-output-link:hover {
    background-color: var(--color-bg-hover)
}

.mx-output .mx-output-link.mx-output-link-active,
.mx-output .mx-output-link.mx-output-link-active:active,
.mx-output .mx-output-link.mx-output-link-active:focus,
.mx-output .mx-output-link.mx-output-link-active:hover {
    color: var(--color-brand);
    background-color: var(--color-brand-opacity)
}

.mx-output .mx-output-link.mx-output-link-disabled,
.mx-output .mx-output-link.mx-output-link-disabled:active,
.mx-output .mx-output-link.mx-output-link-disabled:focus,
.mx-output .mx-output-link.mx-output-link-disabled:hover {
    color: #999;
    cursor: not-allowed;
    background-color: transparent
}

.mx-output-footer {
    padding: 10px;
    border-top: 1px solid var(--color-border);
    text-align: left
}

.dropdown .mx-output,
[mx-view*="mx-dropdown/bd"] .mx-output,
[mx-view*="mx-dropdown/index"] .mx-output,
[mx-view*="mx-dropdown/multiple"] .mx-output {
    max-width: 160%
}

.dropdown[mx-view*="small=true"],
[mx-view*="mx-dropdown/bd"][mx-view*="small=true"],
[mx-view*="mx-dropdown/index"][mx-view*="small=true"],
[mx-view*="mx-dropdown/multiple"][mx-view*="small=true"] {
    min-height: var(--input-small-height)
}

.dropdown[mx-view*="small=true"] .mx-trigger,
[mx-view*="mx-dropdown/bd"][mx-view*="small=true"] .mx-trigger,
[mx-view*="mx-dropdown/index"][mx-view*="small=true"] .mx-trigger,
[mx-view*="mx-dropdown/multiple"][mx-view*="small=true"] .mx-trigger {
    height: var(--input-small-height);
    line-height: calc(var(--input-small-height) - 2px)
}

.dropdown,
[mx-view*="mx-calendar/datepicker"],
[mx-view*="mx-calendar/rangepicker"],
[mx-view*="mx-cascade/index"],
[mx-view*="mx-color/picker"],
[mx-view*="mx-dropdown/bd"],
[mx-view*="mx-dropdown/index"],
[mx-view*="mx-dropdown/multiple"],
[mx-view*="mx-status/dropdown"],
[mx-view*="mx-status/index"],
[mx-view*="mx-time/index"] {
    position: relative;
    display: inline-block;
    min-width: 100px;
    min-height: var(--input-height);
    vertical-align: middle
}

.dropdown:hover .mx-trigger,
[mx-view*="mx-calendar/datepicker"]:hover .mx-trigger,
[mx-view*="mx-calendar/rangepicker"]:hover .mx-trigger,
[mx-view*="mx-cascade/index"]:hover .mx-trigger,
[mx-view*="mx-color/picker"]:hover .mx-trigger,
[mx-view*="mx-dropdown/bd"]:hover .mx-trigger,
[mx-view*="mx-dropdown/index"]:hover .mx-trigger,
[mx-view*="mx-dropdown/multiple"]:hover .mx-trigger,
[mx-view*="mx-status/dropdown"]:hover .mx-trigger,
[mx-view*="mx-status/index"]:hover .mx-trigger,
[mx-view*="mx-time/index"]:hover .mx-trigger {
    border-color: var(--border-highlight-hover)
}

.dropdown:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/datepicker"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/rangepicker"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-cascade/index"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-color/picker"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/bd"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/index"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/multiple"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/dropdown"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/index"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-time/index"]:hover .mx-trigger .mx-trigger-arrow {
    color: var(--border-highlight-hover)
}

.dropdown[mx-disabled] .mx-trigger,
.dropdown[mx-disabled]:hover .mx-trigger,
.dropdown[mx-view*="disabled=true"] .mx-trigger,
.dropdown[mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-calendar/datepicker"][mx-disabled] .mx-trigger,
[mx-view*="mx-calendar/datepicker"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-calendar/datepicker"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-calendar/datepicker"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-calendar/rangepicker"][mx-disabled] .mx-trigger,
[mx-view*="mx-calendar/rangepicker"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-calendar/rangepicker"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-calendar/rangepicker"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-cascade/index"][mx-disabled] .mx-trigger,
[mx-view*="mx-cascade/index"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-cascade/index"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-cascade/index"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-color/picker"][mx-disabled] .mx-trigger,
[mx-view*="mx-color/picker"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-color/picker"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-color/picker"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-dropdown/bd"][mx-disabled] .mx-trigger,
[mx-view*="mx-dropdown/bd"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-dropdown/bd"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-dropdown/bd"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-dropdown/index"][mx-disabled] .mx-trigger,
[mx-view*="mx-dropdown/index"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-dropdown/index"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-dropdown/index"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-dropdown/multiple"][mx-disabled] .mx-trigger,
[mx-view*="mx-dropdown/multiple"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-dropdown/multiple"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-dropdown/multiple"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-status/dropdown"][mx-disabled] .mx-trigger,
[mx-view*="mx-status/dropdown"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-status/dropdown"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-status/dropdown"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-status/index"][mx-disabled] .mx-trigger,
[mx-view*="mx-status/index"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-status/index"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-status/index"][mx-view*="disabled=true"]:hover .mx-trigger,
[mx-view*="mx-time/index"][mx-disabled] .mx-trigger,
[mx-view*="mx-time/index"][mx-disabled]:hover .mx-trigger,
[mx-view*="mx-time/index"][mx-view*="disabled=true"] .mx-trigger,
[mx-view*="mx-time/index"][mx-view*="disabled=true"]:hover .mx-trigger {
    border-color: var(--color-border);
    background-color: var(--color-disabled);
    cursor: not-allowed;
    color: #999
}

.dropdown[mx-disabled] .mx-trigger .mx-trigger-arrow,
.dropdown[mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
.dropdown[mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
.dropdown[mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/datepicker"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/datepicker"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/datepicker"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/datepicker"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/rangepicker"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/rangepicker"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/rangepicker"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-calendar/rangepicker"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-cascade/index"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-cascade/index"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-cascade/index"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-cascade/index"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-color/picker"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-color/picker"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-color/picker"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-color/picker"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/bd"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/bd"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/bd"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/bd"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/index"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/index"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/index"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/index"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/multiple"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/multiple"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/multiple"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-dropdown/multiple"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/dropdown"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/dropdown"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/dropdown"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/dropdown"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/index"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/index"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/index"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-status/index"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-time/index"][mx-disabled] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-time/index"][mx-disabled]:hover .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-time/index"][mx-view*="disabled=true"] .mx-trigger .mx-trigger-arrow,
[mx-view*="mx-time/index"][mx-view*="disabled=true"]:hover .mx-trigger .mx-trigger-arrow {
    color: #ccc
}

.table {
    width: 100%
}

.table thead {
    background-color: var(--color-bg)
}

.table thead tr th {
    height: 60px;
    padding: 0 8px;
    color: #999;
    border: none
}

.table thead tr th:first-child {
    padding-left: 16px
}

.table thead tr th:last-child {
    padding-right: 16px
}

.table thead tr th.field-group {
    height: 30px;
    padding: 2px 8px 0
}

.table thead tr th.field-group .group-name {
    line-height: 26px;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--color-border)
}

.table thead tr th.field-item {
    height: 30px;
    padding: 0 8px
}

.table tbody {
    background-color: #fff
}

.table tbody tr td {
    padding: 16px 8px;
    color: #333;
    border-top: 1px solid var(--color-border);
    border-bottom: none;
    -webkit-transition: background-color var(--duration) ease-out;
    transition: background-color var(--duration) ease-out
}

.table tbody tr td:first-child {
    padding-left: 16px
}

.table tbody tr td:last-child {
    padding-right: 16px
}

.table tbody tr td.sub-mask {
    background-color: #fff;
    border-right: 1px solid var(--color-brand-light);
    border-top: 0
}

.table tbody tr td.sub-mask-first {
    border-top: 1px solid var(--color-border);
    border-bottom: 0
}

.table tbody tr td .operations {
    opacity: 0;
    -webkit-transition: opacity var(--duration) ease-out;
    transition: opacity var(--duration) ease-out
}

.table tbody tr:first-child td {
    border-top: 0
}

.table tbody tr.hover-tr td,
.table tbody tr:hover td {
    background-color: var(--color-brand-opacity)
}

.table tbody tr.hover-tr td.sub-mask,
.table tbody tr:hover td.sub-mask {
    background-color: #fff
}

.table tbody tr.hover-tr td .operations,
.table tbody tr:hover td .operations {
    opacity: 1
}

.table tbody tr.empty-tr.hover-tr:hover td,
.table tbody tr.empty-tr.hover-tr td,
.table tbody tr.empty-tr:hover td,
.table tbody tr.empty-tr td {
    height: 200px;
    text-align: center;
    color: #999;
    background-color: var(--color-bg)
}

.table tbody tr.empty-tr.hover-tr:hover td .no-data,
.table tbody tr.empty-tr.hover-tr td .no-data,
.table tbody tr.empty-tr:hover td .no-data,
.table tbody tr.empty-tr td .no-data {
    font-size: 60px;
    color: #ccc
}

.table tbody tr.operation-tr {
    display: none
}

.table tbody tr.operation-tr td {
    padding: 8px 16px;
    border-top: 0;
    background-color: var(--color-brand-light)
}

.table tbody tr.operation-tr td.sub-mask {
    background-color: #fff
}

.table tbody tr.operation-tr.operation-tr-open {
    display: table-row
}

.table tbody tr.thead,
.table tbody tr.thead.hover-tr,
.table tbody tr.thead:hover {
    background-color: var(--color-bg)
}

.table tbody tr.thead.hover-tr td,
.table tbody tr.thead:hover td,
.table tbody tr.thead td {
    height: 60px;
    padding: 0 8px;
    color: #999;
    border-top: 1px solid var(--color-border);
    border-bottom: 0;
    background-color: transparent
}

.table tbody tr.thead.hover-tr td.sub-mask,
.table tbody tr.thead:hover td.sub-mask,
.table tbody tr.thead td.sub-mask {
    background-color: #fff
}

.table tfoot tr td {
    padding: 16px;
    background-color: var(--color-bg);
    border: none
}

@import "//at.alicdn.com/t/font_55467_q69s0qa8yba.css";

.pubfont {
    font-size: 12px;
    vertical-align: -1px;
    font-family: pubfont;
    font-weight: 400;
    font-variant: normal;
    font-display: fallback;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pubfont.f16 {
    font-size: 16px
}

@font-face {
    font-family: pubcommoniconfont;
    src: url(//at.alicdn.com/t/font_1605820_wkvwm4acsva.eot);
    src: url(//at.alicdn.com/t/font_1605820_wkvwm4acsva.eot#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_1605820_wkvwm4acsva.woff2) format("woff2"), url(//at.alicdn.com/t/font_1605820_wkvwm4acsva.woff) format("woff"), url(//at.alicdn.com/t/font_1605820_wkvwm4acsva.ttf) format("truetype"), url(//at.alicdn.com/t/font_1605820_wkvwm4acsva.svg#pubcommoniconfont) format("svg")
}

.pubcommonfont {
    font-display: fallback;
    font-family: pubcommoniconfont;
    line-height: 1;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mx-shadow {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    border: 1px solid #f5f5f6
}

body {
    background: #fff;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

body::-webkit-scrollbar {
    width: 0 !important
}

#app {
    min-width: 1280px
}

.wrap {
    width: 1280px;
    margin: 0 auto
}

.wrap.w1152 {
    width: 1152px
}

.wrap.w1238 {
    width: 1238px
}

.sitenav {
    height: 50px;
    background-color: #fff
}

.sitenav .alimama-site-nav .menu-account {
    margin-left: 0 !important
}

.sitenav .alimama-site-nav .menu-info-list {
    padding-top: 10px
}

.sitenav .alimama-site-nav .menu-info-list li {
    font-size: 14px;
    margin: 10px 0
}

.sitenav .alimama-site-nav .menu-info-list strong {
    color: #000
}

.header1 {
    background-color: #fff;
    padding: 20px 0 31px;
    border-bottom: 2px solid #ff8041
}

.header1 .head-bd {
    position: relative
}

.header1 .head-logo {
    position: absolute;
    left: 0;
    width: 165px;
    height: 40px;
    background-image: url(//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-repeat: no-repeat;
    background-size: cover
}

.header1 .head-logo .go-old {
    position: absolute;
    top: 6px;
    left: 155px;
    background: #fff;
    border: 1px solid #e2e2e9;
    border-radius: 2px;
    width: 58px;
    height: 18px;
    color: #666;
    text-align: center
}

.header1 .head-logo .go-new {
    display: inline-block;
    width: 100%;
    height: 100%
}

.header1 .input-group {
    display: table;
    border-collapse: separate;
    margin-left: auto;
    margin-right: auto
}

.header1 .input-group .input-group-input {
    position: relative;
    float: left
}

.header1 .input-group .input-group-input .search-inp {
    width: 400px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 35px 0 20px;
    vertical-align: middle;
    background-color: #fff;
    border-color: #ff822e;
    border-width: 2px;
    border-radius: 4px 0 0 4px
}

.header1 .input-group .input-group-input .search-inp:hover {
    background-color: rgba(32, 32, 64, .04)
}

.header1 .input-group .input-group-input .search-inp:focus {
    background-color: #fff
}

.header1 .input-group .input-group-input .del {
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 14px;
    color: #ccc
}

.header1 .input-group .input-group-input .del:hover {
    color: #ff822e
}

.header1 .input-group .ml2 {
    margin-left: 2px
}

.header1 .input-group .input-group-btn {
    float: left;
    position: relative;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle
}

.header1 .input-group .input-group-btn .search-btn {
    height: 40px;
    font-size: 14px;
    border: none;
    border-radius: 0 4px 4px 0;
    width: 96px;
    text-align: center
}

.header1 .input-group .suggest.dropdown .dropdown-menu {
    display: block;
    width: 400px;
    margin-top: 0;
    padding: 0
}

.header1 .input-group .suggest.dropdown .dropdown-menu li {
    padding: 5px 0
}

.header1 .input-group .suggest.dropdown .dropdown-menu li a {
    background-color: transparent;
    padding: 3px 20px
}

.header1 .input-group .suggest.dropdown .dropdown-menu li.active {
    background-color: #ededf0
}

.header1 .input-group .suggest.dropdown .dropdown-menu li.active a {
    color: #f50
}

.header1 .channel-dropdown {
    position: absolute;
    z-index: 1;
    left: 170px
}

.header1 .channel-dropdown .channel-brand {
    width: 96px;
    height: 32px;
    display: inline-block;
    *zoom: 1;
    vertical-align: -8px;
    margin-top: 4px;
    margin-right: 4px
}

.header1 .channel-dropdown .jyj-brand {
    background-image: url(//img.alicdn.com/tps/TB1.F27KpXXXXcTXVXXXXXXXXXX-96-32.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1.F27KpXXXXcTXVXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1k8IlKpXXXXacXpXXXXXXXXXX-192-64.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1.F27KpXXXXcTXVXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1k8IlKpXXXXacXpXXXXXXXXXX-192-64.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1.F27KpXXXXcTXVXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1k8IlKpXXXXacXpXXXXXXXXXX-192-64.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1.F27KpXXXXcTXVXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1k8IlKpXXXXacXpXXXXXXXXXX-192-64.png") 2x);
    background-repeat: no-repeat
}

.header1 .channel-dropdown .diy-brand {
    background-image: url(//img.alicdn.com/tps/TB19D2ZKpXXXXcyaXXXXXXXXXXX-96-32.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB19D2ZKpXXXXcyaXXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1LFcuKpXXXXXlXXXXXXXXXXXX-192-64.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB19D2ZKpXXXXcyaXXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1LFcuKpXXXXXlXXXXXXXXXXXX-192-64.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB19D2ZKpXXXXcyaXXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1LFcuKpXXXXXlXXXXXXXXXXXX-192-64.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB19D2ZKpXXXXcyaXXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1LFcuKpXXXXXlXXXXXXXXXXXX-192-64.png") 2x);
    background-repeat: no-repeat
}

.header1 .channel-dropdown .kdc-brand {
    background-image: url(//img.alicdn.com/tps/TB1OlP4KpXXXXXRaXXXXXXXXXXX-96-32.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1OlP4KpXXXXXRaXXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1GeggKpXXXXXsXFXXXXXXXXXX-192-64.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1OlP4KpXXXXXRaXXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1GeggKpXXXXXsXFXXXXXXXXXX-192-64.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1OlP4KpXXXXXRaXXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1GeggKpXXXXXsXFXXXXXXXXXX-192-64.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1OlP4KpXXXXXRaXXXXXXXXXXX-96-32.png") 1x, url("//img.alicdn.com/tps/TB1GeggKpXXXXXsXFXXXXXXXXXX-192-64.png") 2x);
    background-repeat: no-repeat
}

.header1 .channel-dropdown .jtbj-brand {
    background-image: url(//img.alicdn.com/tfs/TB15qvorBjTBKNjSZFwXXcG4XXa-231-32.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tfs/TB15qvorBjTBKNjSZFwXXcG4XXa-231-32.png") 1x, url("//img.alicdn.com/tfs/TB1vdfxqVooBKNjSZPhXXc2CXXa-448-62.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tfs/TB15qvorBjTBKNjSZFwXXcG4XXa-231-32.png") 1x, url("//img.alicdn.com/tfs/TB1vdfxqVooBKNjSZPhXXc2CXXa-448-62.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tfs/TB15qvorBjTBKNjSZFwXXcG4XXa-231-32.png") 1x, url("//img.alicdn.com/tfs/TB1vdfxqVooBKNjSZPhXXc2CXXa-448-62.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tfs/TB15qvorBjTBKNjSZFwXXcG4XXa-231-32.png") 1x, url("//img.alicdn.com/tfs/TB1vdfxqVooBKNjSZPhXXc2CXXa-448-62.png") 2x);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%
}

.header1 .channel-dropdown .trigger {
    padding-bottom: 10px
}

.header1 .channel-dropdown .trigger .text {
    font-size: 24px;
    margin-right: 3px
}

.header1 .channel-dropdown .trigger .pubfont {
    font-size: 16px;
    color: #888;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in
}

.header1 .channel-dropdown .panel {
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 4px;
    background-color: #fff;
    width: 320px;
    position: absolute;
    left: 0;
    top: 44px;
    display: none
}

.header1 .channel-dropdown .panel .group {
    border-bottom: 1px solid #e2e2e9;
    margin: 0 25px;
    padding: 10px 0
}

.header1 .channel-dropdown .panel .group:last-child {
    border-bottom: none
}

.header1 .channel-dropdown .panel .option {
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    width: 60px;
    float: left;
    margin-right: 30px
}

.header1 .channel-dropdown .panel .option .selected,
.header1 .channel-dropdown .panel .option:hover {
    color: #ff822e
}

.header1 .channel-dropdown.channel-dropdown-hover {
    z-index: 1000
}

.header1 .channel-dropdown.channel-dropdown-hover .trigger .pubfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header1 .channel-dropdown.channel-dropdown-hover .panel {
    display: block
}

.header-search {
    border-bottom: none
}

.header-search .head-logo {
    height: 36px;
    width: 149px;
    background-image: url(//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-repeat: no-repeat
}

.header-channel {
    border-bottom: none
}

.header-channel .input-group {
    display: block;
    margin-left: 370px
}

.header-channel .input-group .input-group-input .search-inp {
    background-color: #fff;
    border-color: #666;
    border-width: 2px
}

.header-channel .input-group .input-group-input .search-inp:focus {
    border-color: #666
}

.header-channel .input-group .input-group-btn .search-btn-channel {
    background-color: #666;
    border-radius: 0
}

.header.header-manage {
    padding: 12px 0 22px
}

.header.header-manage .input-group {
    float: right;
    margin-top: 3px
}

.header.header-manage .input-group .input-group-input .search-inp {
    background-color: #fff;
    border-color: #d3d3db;
    border-width: 1px;
    height: 32px;
    width: 225px;
    line-height: 32px;
    font-size: 12px
}

.header.header-manage .input-group .input-group-input .search-inp:focus {
    border-color: #ff822e
}

.header.header-manage .input-group .input-group-btn .search-btn {
    height: 32px
}

.header.header-manage .input-group .suggest.dropdown .dropdown-menu {
    width: 225px
}

.header.header-manage .main-nav {
    float: left;
    margin-left: 280px;
    margin-top: 7px
}

.header.header-manage .main-nav li {
    float: left;
    font-size: 14px;
    padding: 0 15px;
    position: relative
}

.header.header-manage .main-nav li .hot-1111 {
    background: url(//img.alicdn.com/tfs/TB1WzrtiSzqK1RjSZPcXXbTepXa-48-24.png);
    background-size: contain;
    width: 24px;
    height: 12px;
    position: absolute;
    top: -4px;
    right: -8px
}

.header.header-manage .main-nav .channel-dropdown {
    position: relative;
    left: 0
}

.header.header-manage .main-nav .channel-dropdown .trigger {
    margin-bottom: -20px;
    padding-bottom: 20px
}

.header.header-manage .main-nav .channel-dropdown .trigger .text {
    font-size: 14px;
    margin-right: 0
}

.header.header-manage .main-nav .channel-dropdown .panel {
    left: -30px;
    top: 35px
}

.header-search-tag .input-group .input-group-input .search-inp {
    background-color: #fff;
    border-color: #666;
    border-width: 2px;
    width: 310px
}

.header-search-tag .input-group .input-group-input .search-inp:focus {
    border-color: #666
}

.header-search-tag .input-group .input-group-btn .search-btn {
    width: auto
}

.header-search-tag .input-group .input-group-btn .search-btn-tag {
    background-color: #666
}

.header-search-tag .input-group .suggest.dropdown .dropdown-menu {
    width: 310px
}

.header-channel .head-logo,
.header-manage .head-logo,
.header-search .head-logo {
    margin-top: 2px;
    height: 36px;
    width: 149px;
    background-image: url(//img.alicdn.com/tps/TB1dNoEJVXXXXXoXFXXXXXXXXXX-149-36.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1dNoEJVXXXXXoXFXXXXXXXXXX-149-36.png") 1x, url("//img.alicdn.com/tps/TB1nUAIJVXXXXa9XpXXXXXXXXXX-298-72.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1dNoEJVXXXXXoXFXXXXXXXXXX-149-36.png") 1x, url("//img.alicdn.com/tps/TB1nUAIJVXXXXa9XpXXXXXXXXXX-298-72.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1dNoEJVXXXXXoXFXXXXXXXXXX-149-36.png") 1x, url("//img.alicdn.com/tps/TB1nUAIJVXXXXa9XpXXXXXXXXXX-298-72.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1dNoEJVXXXXXoXFXXXXXXXXXX-149-36.png") 1x, url("//img.alicdn.com/tps/TB1nUAIJVXXXXa9XpXXXXXXXXXX-298-72.png") 2x);
    background-repeat: no-repeat
}

.header-channel .sub-logo,
.header-manage .sub-logo,
.header-search .sub-logo {
    display: block;
    width: 258px;
    height: 36px;
    background-image: url(//img.alicdn.com/tfs/TB1jXZRmfNNTKJjSspeXXaSwpXa-258-36.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tfs/TB1jXZRmfNNTKJjSspeXXaSwpXa-258-36.png") 1x, url("//img.alicdn.com/tfs/TB1mazVq3MPMeJjy1XdXXasrXXa-517-72.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tfs/TB1jXZRmfNNTKJjSspeXXaSwpXa-258-36.png") 1x, url("//img.alicdn.com/tfs/TB1mazVq3MPMeJjy1XdXXasrXXa-517-72.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tfs/TB1jXZRmfNNTKJjSspeXXaSwpXa-258-36.png") 1x, url("//img.alicdn.com/tfs/TB1mazVq3MPMeJjy1XdXXasrXXa-517-72.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tfs/TB1jXZRmfNNTKJjSspeXXaSwpXa-258-36.png") 1x, url("//img.alicdn.com/tfs/TB1mazVq3MPMeJjy1XdXXasrXXa-517-72.png") 2x);
    background-repeat: no-repeat;
    background-size: cover
}

.manage-main {
    padding-bottom: 0;
    background-color: #e8ebf2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 990px
}

.manage-main .sidenav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    background: #f4f4f4
}

.manage-main .sidenav>ul>li {
    font-size: 16px;
    color: #333;
    position: relative;
    border-bottom: 1px solid #e2e2e2
}

.manage-main .sidenav>ul>li .li-item {
    height: 60px;
    line-height: 60px;
    padding-left: 26px
}

.manage-main .sidenav>ul>li .switch {
    cursor: pointer;
    position: absolute;
    right: 16px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.manage-main .sidenav>ul>li ul {
    overflow-y: hidden;
    -webkit-transition: height .3s;
    transition: height .3s
}

.manage-main .sidenav>ul>li.open .switch {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.manage-main .sidenav .menu-item {
    display: block;
    position: relative
}

.manage-main .sidenav .menu-item.active,
.manage-main .sidenav .menu-item.active:hover {
    background-color: #ebebeb;
    color: #ff5400
}

.manage-main .sidenav .menu-item:hover {
    background-color: #dadae2;
    color: #f50
}

.manage-main .sidenav .menu-item.active:before {
    content: " ";
    height: 0;
    position: absolute;
    width: 0;
    border: 7px solid transparent;
    border-right-color: #fff;
    top: 24px;
    right: 0
}

.manage-main .sidenav .menu-item.sub-li {
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    font-size: 14px
}

.manage-main .sidenav .menu-item.sub-li.sub-li-icon {
    color: #999;
    padding-left: 30px
}

.manage-main .sidenav .menu-item.sub-li.sub-li-icon:hover {
    background: inherit
}

.manage-main .sidenav .menu-item.sub-li.active:before {
    top: 13px
}

.manage-main .sidenav .pubfont {
    font-size: 18px;
    vertical-align: -2px;
    margin-right: 5px
}

.manage-main .sidenav .pubfont.icon-gouwu {
    font-size: 24px;
    margin-left: -4px
}

.manage-main .card-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 14px;
    border-radius: 4px
}

.manage-main .innermain {
    padding: 50px 24px 24px
}

.manage-main .innermain,
.manage-main .promoMain {
    background-color: #fff;
    min-height: 460px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 14px;
    border-radius: 4px
}

.manage-main .promoMain {
    padding: 50px 0 24px
}

.manage-main .recordMain {
    min-height: 460px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 14px;
    border-radius: 4px
}

.footer,
.manage-footer {
    background-color: #e8ebf2
}

.manage-footer {
    padding-bottom: 56px
}

.everywhere-widget-container>div {
    right: 14px
}

.body1000 .wrap {
    width: 1000px
}

.body1000 .header-channel .input-group .input-group-input .search-inp,
.body1000 .header-channel .input-group .suggest.dropdown .dropdown-menu,
.body1000 .header-search .input-group .input-group-input .search-inp,
.body1000 .header-search .input-group .suggest.dropdown .dropdown-menu {
    width: 280px
}

.body1000 .header-search-tag .input-group .input-group-input .search-inp,
.body1000 .header-search-tag .input-group .suggest.dropdown .dropdown-menu {
    width: 200px
}

.dxjh-guide-img1 {
    position: absolute;
    z-index: 10004;
    width: 327px;
    display: none;
    height: 190px;
    background-image: url(//img.alicdn.com/tps/TB1dKmUNXXXXXcDXFXXXXXXXXXX-327-190.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1dKmUNXXXXXcDXFXXXXXXXXXX-327-190.png") 1x, url("//img.alicdn.com/tps/TB1ZuCPNXXXXXaCXVXXXXXXXXXX-654-380.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1dKmUNXXXXXcDXFXXXXXXXXXX-327-190.png") 1x, url("//img.alicdn.com/tps/TB1ZuCPNXXXXXaCXVXXXXXXXXXX-654-380.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1dKmUNXXXXXcDXFXXXXXXXXXX-327-190.png") 1x, url("//img.alicdn.com/tps/TB1ZuCPNXXXXXaCXVXXXXXXXXXX-654-380.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1dKmUNXXXXXcDXFXXXXXXXXXX-327-190.png") 1x, url("//img.alicdn.com/tps/TB1ZuCPNXXXXXaCXVXXXXXXXXXX-654-380.png") 2x);
    background-repeat: no-repeat
}

.dxjh-guide-img1 .close-btn {
    position: absolute;
    top: 99px;
    left: 98px;
    width: 66px;
    height: 24px;
    cursor: pointer
}

.manage-no-side-main {
    margin-top: 30px
}

.global-top-warn-notice {
    height: 30px;
    line-height: 30px;
    color: #f30;
    background: #fffb91;
    text-align: center;
    position: relative
}

.global-top-warn-notice a {
    color: #f30;
    text-decoration: underline
}

.global-top-warn-notice .close {
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer
}

.header-minisite {
    background-color: #fff;
    padding: 35px 0
}

.header-minisite .head-bd {
    position: relative
}

.header-minisite .head-logo {
    position: absolute;
    left: 0;
    width: 165px;
    height: 40px;
    background-image: url(//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png") 1x, url("//img.alicdn.com/tps/TB1gOvpLXXXXXb2XVXXXXXXXXXX-330-80.png") 2x);
    background-repeat: no-repeat;
    background-size: cover
}

.header-minisite .page-nav {
    float: right
}

.header-minisite .page-nav li {
    float: left;
    margin-left: 40px
}

.header-minisite .page-nav a {
    display: block;
    color: #666;
    font-size: 20px
}

.header-minisite .page-nav a:hover {
    color: #eb782a
}

.header-minisite .page-nav a.router-link-active {
    color: #ff822e
}

.common-page {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    min-height: 990px
}

.common-page .page-head {
    padding: 16px 24px;
    border-bottom: 1px solid #f2f2f2;
    height: 22px;
    line-height: 22px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.common-page .page-head .head-text {
    font-size: 16px;
    vertical-align: middle;
    font-weight: 700;
    margin-right: 20px
}

.common-page .page-head .head-tips {
    font-size: 12px;
    color: grey;
    display: inline-block;
    cursor: pointer
}

.common-page #itemIdInput_msg {
    left: 0 !important;
    top: 36px !important
}

.common-page .table tbody tr td:first-child,
.common-page .table thead tr th:first-child {
    padding-left: 24px
}

.pre-sell-tag {
    border: 1px solid #7e62f4;
    width: 34px;
    height: 17px;
    border-radius: 4px;
    color: #7e62f4;
    padding: 0 3px;
    margin-right: 10px
}

.input-search {
    display: inline-block;
    position: relative
}

.input-search .search-icon {
    color: #999;
    margin-right: 5px;
    position: absolute;
    left: 9px;
    top: 6px
}

.input-search .input {
    padding-left: 25px
}

.input-search .search-tag-x {
    display: none;
    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 14px;
    color: #ccc;
    cursor: pointer;
    line-height: 22px
}

.input-search .search-tag-x:hover {
    color: #ff822e
}

.input-search.search-clear .search-tag-x {
    display: block
}

.common-tip {
    color: #333;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    position: relative;
    line-height: 22px;
    padding: 10px 20px
}

.common-tip .pubfont {
    color: #999;
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: 10px
}

.common-tip .info-desc {
    display: inline-block;
    padding-left: 30px;
    color: #999
}

.common-tip .info-desc .name {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px
}

.common-tip .close {
    position: absolute;
    right: 20px;
    cursor: pointer;
    color: #ccc
}

.common-tip.bg-white {
    background: #fff;
    color: #999
}

.common-tip.big {
    padding: 20px
}

.common-tip.big .advfont {
    top: 20px;
    font-size: 24px
}

.common-tip.big .info-desc {
    padding-left: 40px
}

.common-tip.highlight {
    border: 1px solid #71c0eb;
    background: #f9fcfe
}

.common-tip.highlight .advfont,
.common-tip.highlight .pubfont {
    color: #71c0eb
}

.common-tip.warn {
    border: 1px solid #ffb400;
    background: #fffcf5
}

.common-tip.warn .advfont,
.common-tip.warn .pubfont {
    color: #ffb400
}

.common-tip.success {
    border: 1px solid #51a300;
    background: #f8fbf5
}

.common-tip.success .advfont,
.common-tip.success .pubfont {
    color: #51a300
}

.common-tip.error {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    background: #fdefef
}

.common-tip.error .pubfont {
    color: #ea3c3c
}

.new-level {
    display: inline-block;
    width: 59px;
    height: 23px;
    vertical-align: middle
}

.new-level.new-level-1 {
    background-image: url(https://img.alicdn.com/tfs/TB11AgXKIfpK1RjSZFOXXa6nFXa-118-44.png);
    background-size: contain
}

.new-level.new-level-2 {
    background-image: url(https://img.alicdn.com/tfs/TB1FoYWKRLoK1RjSZFuXXXn0XXa-118-46.png);
    background-size: contain
}

.new-level.new-level-3 {
    background-image: url(https://img.alicdn.com/tfs/TB1H8jzdDZmx1VjSZFGXXax2XXa-122-48.png);
    background-size: contain
}

.number-20 {
    font-family: Tahoma
}

.number-20 .yuan {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400
}

.number-20 .pointer {
    font-weight: 700
}

.number-20 .integer {
    font-size: 20px;
    font-weight: 700
}

.number-20 .decimal {
    font-size: 14px;
    font-weight: 700
}

.number-20 .percent {
    font-size: 12px;
    margin-left: 2px
}

.number-24 {
    font-family: Tahoma
}

.number-24 .yuan {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400
}

.number-24 .integer,
.number-24 .pointer {
    font-weight: 700
}

.number-24 .decimal {
    font-size: 16px;
    font-weight: 700
}

.number-24 .percent {
    font-size: 12px;
    margin-left: 2px
}

.line {
    border-bottom: 1px solid;
    height: 1px
}

.line,
.overflow_hidden {
    overflow: hidden
}

.btn-common {
    border: 1px solid #e6e6e6;
    color: #999;
    background-color: transparent
}

.btn-common:hover {
    color: #ff822e;
    background-color: #fafafa;
    border-color: rgba(0, 0, 0, .1)
}

.dialog-header {
    font-weight: 600
}

.table {
    border-bottom: 1px solid #e2e2e9
}

.dialog {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    border: 1px solid #d3d3db;
    -webkit-box-shadow: 0 4px 12px 0 rgba(32, 32, 64, .16);
    box-shadow: 0 4px 12px 0 rgba(32, 32, 64, .16);
    -webkit-transition: all .2s;
    transition: all .2s
}

.dialog.dialog-top {
    margin-bottom: 2px
}

.dialog.dialog-bottom {
    margin-top: 2px
}

.dialog.dialog-left {
    margin-right: 2px
}

.dialog.dialog-right {
    margin-left: 2px
}

.dialog .dialog-close {
    -webkit-appearance: none;
    padding: 0;
    margin: 8px 8px 0 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    float: right;
    line-height: 36px;
    color: #ccc;
    height: 36px;
    width: 36px;
    z-index: 1041
}

.dialog .dialog-close span {
    font-size: 14px
}

.dialog .dialog-close:focus,
.dialog .dialog-close:hover {
    color: #f50;
    text-decoration: none;
    outline: none
}

.dialog-hd {
    background-color: #fafafa
}

.dialog-hd .title {
    padding: 0 30px;
    white-space: nowrap;
    overflow: hidden
}

.dialog-hd .tab-nav li,
.dialog-hd .title {
    color: #333;
    font-size: 16px;
    height: 48px;
    line-height: 48px
}

.dialog-hd .tab-nav li {
    cursor: pointer;
    float: left;
    width: 134px;
    text-align: center
}

.dialog-hd .tab-nav li:hover {
    background-color: #ededf0;
    color: #fa6419
}

.dialog-hd .tab-nav li.active {
    background-color: #fff;
    color: #ff822e;
    cursor: default
}

.dialog-hd .tab-nav li.active:hover {
    background-color: #fff
}

.dialog-bd {
    padding: 20px 30px
}

.dialog-ft {
    padding: 10px 40px 20px;
    text-align: center
}

.dialog-extra {
    padding: 0 40px 40px;
    text-align: center
}

.form .form-element {
    margin-bottom: 30px
}

.form .form-label {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    color: #999;
    cursor: text
}

.radio-group .radio {
    margin-right: 10px
}

.radio-group .trigger-item {
    margin-right: 20px
}

.clipboard-target-wrap {
    position: relative
}

.clipboard-target-wrap .clipboard-tip {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ccebcc;
    background-color: rgba(230, 250, 230, .9);
    border-radius: 4px
}

.clipboard-target-wrap .clipboard-tip .pubfont {
    color: #82d982;
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle
}

.clipboard-target-wrap .clipboard-tip .wrapper {
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    font-size: 14px
}

.clipboard-target-wrap .clipboard-tip .sub-wrap {
    display: table-cell;
    vertical-align: middle
}

.clipboard-tip {
    display: none
}

.icon-member {
    display: inline-block;
    height: 16px;
    overflow: hidden;
    margin-left: 10px;
    background-size: contain;
    vertical-align: middle
}

.icon-member-proxy {
    width: 16px;
    background-image: url(//img.alicdn.com/tfs/TB1hSEIo5MnBKNjSZFzXXc_qVXa-32-32.png)
}

.icon-member-rebate {
    width: 16px;
    background-image: url(//img.alicdn.com/tfs/TB1_CAwoYZnBKNjSZFrXXaRLFXa-32-32.png)
}

.icon-member-proxy-rebate {
    width: 36px;
    background-image: url(//img.alicdn.com/tfs/TB1A7s8oYsrBKNjSZFpXXcXhFXa-72-32.png)
}

.btn.btn-white-td {
    padding: 0 11px;
    border-color: transparent;
    background-color: #fff;
    background-color: transparent;
    background-image: none;
    color: #fe4800
}

.btn.btn-white-td.hover,
.btn.btn-white-td:active,
.btn.btn-white-td:hover {
    background-color: var(--btn-brand);
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--btn-brand-gradient)));
    background-image: linear-gradient(90deg, transparent, var(--btn-brand-gradient));
    color: var(--btn-brand-text)
}

.block-report-summary {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.block-report-summary .item {
    float: left;
    margin-right: 20px;
    min-width: 140px;
    border-top: 2px solid transparent;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.block-report-summary .item.bgcolor-5B93FF {
    background: #dee9ff;
    border-top: 2px solid #5b93ff
}

.block-report-summary .item.bgcolor-FF5E0E {
    background: #ffdfcf;
    border-top: 2px solid #ff5e0e
}

.campaign_chart .toggle-btn {
    float: right;
    width: 30px;
    height: 30px;
    background: #ccc;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer
}

.campaign_chart .toggle-btn.active {
    background: #ff822e
}

.campaign_chart .toggle-line {
    float: right;
    margin: 12px 10px;
    height: 2px;
    width: 10px;
    background: #ccc;
    cursor: pointer
}

.block-list-group .img {
    float: left;
    width: 100px
}

.block-list-group .img .list-item-img {
    position: relative;
    background: #d4d4d9;
    text-align: center;
    height: 100px;
    width: 100px;
    display: table-cell;
    vertical-align: middle
}

.block-list-group .img .list-item-img .empty-icon-bg {
    background: url(//img.alicdn.com/tps/TB1Q736LXXXXXXpXFXXXXXXXXXX-32-32.png) no-repeat 50% 50%;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.block-list-group .img .list-item-img img {
    max-height: 100px;
    max-width: 100px;
    position: relative
}

.block-list-group .img .list-item-img.img-loading img {
    opacity: 0
}

.block-list-group .img .list-item-img.img-loaded img {
    opacity: 1;
    -webkit-animation: opacity .3s ease-out;
    animation: opacity .3s ease-out
}

.block-list-group .img .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8)
}

.block-list-group .img .invalid {
    position: absolute;
    left: 0;
    right: 0;
    line-height: 32px;
    text-align: center;
    margin-top: -16px;
    top: 50%;
    color: #fff
}

.block-list-group .img .popover {
    padding: 4px 8px
}

.block-list-group .attr {
    margin-left: 115px;
    max-width: 295px;
    _width: 295px;
    height: 100px
}

.block-list-group .attr li {
    padding: 2px 4px
}

.block-list-group .attr .title {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 2px
}

.block-list-group .attr .title .H {
    color: #ff822e
}

.block-list-group .attr .summary {
    min-height: 28px;
    overflow: hidden
}

.block-list-group .attr .wangwang {
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px
}

.block-list-group .attr .wangwang:hover {
    background-color: #ededf0
}

.block-list-group .attr .shop-info {
    padding-left: 3px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px
}

.block-list-group .attr .shop-info .shop-icon {
    font-size: 16px;
    color: #999;
    vertical-align: -1px;
    margin-right: 2px
}

.block-list-group .attr .shop-info:hover {
    background-color: #ededf0
}

.block-list-group .attr .tags-container {
    overflow: hidden
}

.dd i {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 0 2px;
    background-color: #3296fa;
    color: #fff
}

.mx-shadow {
    border: 1px solid #d3d3db;
    -webkit-box-shadow: 0 1px 3px 0 rgba(32, 32, 64, .16);
    box-shadow: 0 1px 3px 0 rgba(32, 32, 64, .16)
}

input::-webkit-input-placeholder {
    color: #999 !important
}

.primary-color {
    color: #ff822e
}

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    overflow: visible
}

::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    min-height: 25px;
    min-width: 25px;
    border: 1px solid #e0e0e0
}

::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border: 1px solid #efefef
}

.ellipsis {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.hide {
    display: none !important
}

.hidden {
    display: none
}

.show {
    display: block
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

.fl {
    float: left
}

.fl,
.fr {
    *display: inline
}

.fr {
    float: right
}

.pr {
    position: relative
}

.pt16 {
    padding-top: 16px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mt15 {
    margin-top: 15px
}

.mr15 {
    margin-right: 15px
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.mt20 {
    margin-top: 20px
}

.mr20 {
    margin-right: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.mt25 {
    margin-top: 25px
}

.mr25 {
    margin-right: 25px
}

.mb25 {
    margin-bottom: 25px
}

.ml25 {
    margin-left: 25px
}

.mt30 {
    margin-top: 30px
}

.mr30 {
    margin-right: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.mt35 {
    margin-top: 35px
}

.mr35 {
    margin-right: 35px
}

.mb35 {
    margin-bottom: 35px
}

.ml35 {
    margin-left: 35px
}

.mt40 {
    margin-top: 40px
}

.mr40 {
    margin-right: 40px
}

.mb40 {
    margin-bottom: 40px
}

.ml40 {
    margin-left: 40px
}

.mt45 {
    margin-top: 45px
}

.mr45 {
    margin-right: 45px
}

.mb45 {
    margin-bottom: 45px
}

.ml45 {
    margin-left: 45px
}

.mt50 {
    margin-top: 50px
}

.mr50 {
    margin-right: 50px
}

.mb50 {
    margin-bottom: 50px
}

.ml50 {
    margin-left: 50px
}

.mt55 {
    margin-top: 55px
}

.mr55 {
    margin-right: 55px
}

.mb55 {
    margin-bottom: 55px
}

.ml55 {
    margin-left: 55px
}

.mt60 {
    margin-top: 60px
}

.mr60 {
    margin-right: 60px
}

.mb60 {
    margin-bottom: 60px
}

.ml60 {
    margin-left: 60px
}

.mt65 {
    margin-top: 65px
}

.mr65 {
    margin-right: 65px
}

.mb65 {
    margin-bottom: 65px
}

.ml65 {
    margin-left: 65px
}

.mt70 {
    margin-top: 70px
}

.mr70 {
    margin-right: 70px
}

.mb70 {
    margin-bottom: 70px
}

.ml70 {
    margin-left: 70px
}

.mt75 {
    margin-top: 75px
}

.mr75 {
    margin-right: 75px
}

.mb75 {
    margin-bottom: 75px
}

.ml75 {
    margin-left: 75px
}

.mt80 {
    margin-top: 80px
}

.mr80 {
    margin-right: 80px
}

.mb80 {
    margin-bottom: 80px
}

.ml80 {
    margin-left: 80px
}

.mt85 {
    margin-top: 85px
}

.mr85 {
    margin-right: 85px
}

.mb85 {
    margin-bottom: 85px
}

.ml85 {
    margin-left: 85px
}

.mt90 {
    margin-top: 90px
}

.mr90 {
    margin-right: 90px
}

.mb90 {
    margin-bottom: 90px
}

.ml90 {
    margin-left: 90px
}

.mt95 {
    margin-top: 95px
}

.mr95 {
    margin-right: 95px
}

.mb95 {
    margin-bottom: 95px
}

.ml95 {
    margin-left: 95px
}

.mt100 {
    margin-top: 100px
}

.mr100 {
    margin-right: 100px
}

.mb100 {
    margin-bottom: 100px
}

.ml100 {
    margin-left: 100px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.pa5 {
    padding: 5px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.pa10 {
    padding: 10px
}

.pt15 {
    padding-top: 15px
}

.pr15 {
    padding-right: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pl15 {
    padding-left: 15px
}

.pa15 {
    padding: 15px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.pa20 {
    padding: 20px
}

.pt25 {
    padding-top: 25px
}

.pr25 {
    padding-right: 25px
}

.pb25 {
    padding-bottom: 25px
}

.pl25 {
    padding-left: 25px
}

.pa25 {
    padding: 25px
}

.pt30 {
    padding-top: 30px
}

.pr30 {
    padding-right: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.pa30 {
    padding: 30px
}

.pt35 {
    padding-top: 35px
}

.pr35 {
    padding-right: 35px
}

.pb35 {
    padding-bottom: 35px
}

.pl35 {
    padding-left: 35px
}

.pa35 {
    padding: 35px
}

.pt40 {
    padding-top: 40px
}

.pr40 {
    padding-right: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pl40 {
    padding-left: 40px
}

.pa40 {
    padding: 40px
}

.pt45 {
    padding-top: 45px
}

.pr45 {
    padding-right: 45px
}

.pb45 {
    padding-bottom: 45px
}

.pl45 {
    padding-left: 45px
}

.pa45 {
    padding: 45px
}

.pt50 {
    padding-top: 50px
}

.pr50 {
    padding-right: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pl50 {
    padding-left: 50px
}

.pa50 {
    padding: 50px
}

.pt55 {
    padding-top: 55px
}

.pr55 {
    padding-right: 55px
}

.pb55 {
    padding-bottom: 55px
}

.pl55 {
    padding-left: 55px
}

.pa55 {
    padding: 55px
}

.pt60 {
    padding-top: 60px
}

.pr60 {
    padding-right: 60px
}

.pb60 {
    padding-bottom: 60px
}

.pl60 {
    padding-left: 60px
}

.pa60 {
    padding: 60px
}

.pt65 {
    padding-top: 65px
}

.pr65 {
    padding-right: 65px
}

.pb65 {
    padding-bottom: 65px
}

.pl65 {
    padding-left: 65px
}

.pa65 {
    padding: 65px
}

.pt70 {
    padding-top: 70px
}

.pr70 {
    padding-right: 70px
}

.pb70 {
    padding-bottom: 70px
}

.pl70 {
    padding-left: 70px
}

.pa70 {
    padding: 70px
}

.pt75 {
    padding-top: 75px
}

.pr75 {
    padding-right: 75px
}

.pb75 {
    padding-bottom: 75px
}

.pl75 {
    padding-left: 75px
}

.pa75 {
    padding: 75px
}

.pt80 {
    padding-top: 80px
}

.pr80 {
    padding-right: 80px
}

.pb80 {
    padding-bottom: 80px
}

.pl80 {
    padding-left: 80px
}

.pa80 {
    padding: 80px
}

.pt85 {
    padding-top: 85px
}

.pr85 {
    padding-right: 85px
}

.pb85 {
    padding-bottom: 85px
}

.pl85 {
    padding-left: 85px
}

.pa85 {
    padding: 85px
}

.pt90 {
    padding-top: 90px
}

.pr90 {
    padding-right: 90px
}

.pb90 {
    padding-bottom: 90px
}

.pl90 {
    padding-left: 90px
}

.pa90 {
    padding: 90px
}

.pt95 {
    padding-top: 95px
}

.pr95 {
    padding-right: 95px
}

.pb95 {
    padding-bottom: 95px
}

.pl95 {
    padding-left: 95px
}

.pa95 {
    padding: 95px
}

.pt100 {
    padding-top: 100px
}

.pr100 {
    padding-right: 100px
}

.pb100 {
    padding-bottom: 100px
}

.pl100 {
    padding-left: 100px
}

.pa100 {
    padding: 100px
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.f26 {
    font-size: 26px
}

.f28 {
    font-size: 28px
}

.f30 {
    font-size: 30px
}

.f32 {
    font-size: 32px
}

.f34 {
    font-size: 34px
}

.f36 {
    font-size: 36px
}

.f38 {
    font-size: 38px
}

.f40 {
    font-size: 40px
}

.w30 {
    width: 30px
}

.h30 {
    height: 30px
}

.w40 {
    width: 40px
}

.h40 {
    height: 40px
}

.w50 {
    width: 50px
}

.h50 {
    height: 50px
}

.w60 {
    width: 60px
}

.h60 {
    height: 60px
}

.w70 {
    width: 70px
}

.h70 {
    height: 70px
}

.w80 {
    width: 80px
}

.h80 {
    height: 80px
}

.w90 {
    width: 90px
}

.h90 {
    height: 90px
}

.w100 {
    width: 100px
}

.h100 {
    height: 100px
}

.w110 {
    width: 110px
}

.h110 {
    height: 110px
}

.w120 {
    width: 120px
}

.h120 {
    height: 120px
}

.w130 {
    width: 130px
}

.h130 {
    height: 130px
}

.w140 {
    width: 140px
}

.h140 {
    height: 140px
}

.w150 {
    width: 150px
}

.h150 {
    height: 150px
}

.w160 {
    width: 160px
}

.h160 {
    height: 160px
}

.w170 {
    width: 170px
}

.h170 {
    height: 170px
}

.w180 {
    width: 180px
}

.h180 {
    height: 180px
}

.w190 {
    width: 190px
}

.h190 {
    height: 190px
}

.w200 {
    width: 200px
}

.h200 {
    height: 200px
}

.w210 {
    width: 210px
}

.h210 {
    height: 210px
}

.w220 {
    width: 220px
}

.h220 {
    height: 220px
}

.w230 {
    width: 230px
}

.h230 {
    height: 230px
}

.w240 {
    width: 240px
}

.h240 {
    height: 240px
}

.w250 {
    width: 250px
}

.h250 {
    height: 250px
}

.w260 {
    width: 260px
}

.h260 {
    height: 260px
}

.w270 {
    width: 270px
}

.h270 {
    height: 270px
}

.w280 {
    width: 280px
}

.h280 {
    height: 280px
}

.w290 {
    width: 290px
}

.h290 {
    height: 290px
}

.w300 {
    width: 300px
}

.h300 {
    height: 300px
}

.w310 {
    width: 310px
}

.h310 {
    height: 310px
}

.w320 {
    width: 320px
}

.h320 {
    height: 320px
}

.w330 {
    width: 330px
}

.h330 {
    height: 330px
}

.w340 {
    width: 340px
}

.h340 {
    height: 340px
}

.w350 {
    width: 350px
}

.h350 {
    height: 350px
}

.w360 {
    width: 360px
}

.h360 {
    height: 360px
}

.w370 {
    width: 370px
}

.h370 {
    height: 370px
}

.w380 {
    width: 380px
}

.h380 {
    height: 380px
}

.w390 {
    width: 390px
}

.h390 {
    height: 390px
}

.w400 {
    width: 400px
}

.h400 {
    height: 400px
}

.w410 {
    width: 410px
}

.h410 {
    height: 410px
}

.w420 {
    width: 420px
}

.h420 {
    height: 420px
}

.w430 {
    width: 430px
}

.h430 {
    height: 430px
}

.w440 {
    width: 440px
}

.h440 {
    height: 440px
}

.w450 {
    width: 450px
}

.h450 {
    height: 450px
}

.w460 {
    width: 460px
}

.h460 {
    height: 460px
}

.w470 {
    width: 470px
}

.h470 {
    height: 470px
}

.w480 {
    width: 480px
}

.h480 {
    height: 480px
}

.w490 {
    width: 490px
}

.h490 {
    height: 490px
}

.w500 {
    width: 500px
}

.h500 {
    height: 500px
}

.underline {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

.no-data {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    background: #fafafa
}

.no-data .bg-neirongkong {
    height: 100px;
    width: 102px;
    background-image: url(//img.alicdn.com/tps/TB1TRsRMpXXXXX9XFXXXXXXXXXX-102-100.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1TRsRMpXXXXX9XFXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB16y.6MpXXXXbyXXXXXXXXXXXX-204-200.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1TRsRMpXXXXX9XFXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB16y.6MpXXXXbyXXXXXXXXXXXX-204-200.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1TRsRMpXXXXX9XFXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB16y.6MpXXXXbyXXXXXXXXXXXX-204-200.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1TRsRMpXXXXX9XFXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB16y.6MpXXXXbyXXXXXXXXXXXX-204-200.png") 2x);
    background-repeat: no-repeat;
    background-size: 102px 100px;
    display: inline-block;
    line-height: 80px;
    margin: 20px 0 0
}

.no-data .icon-kongshuju {
    font-size: 60px;
    color: #999
}

.no-data .bg-group-content-empty {
    background-image: url(//img.alicdn.com/tps/TB1S0c_MpXXXXaUXpXXXXXXXXXX-102-100.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1S0c_MpXXXXaUXpXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1LDc3MpXXXXavXFXXXXXXXXXX-204-200.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1S0c_MpXXXXaUXpXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1LDc3MpXXXXavXFXXXXXXXXXX-204-200.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1S0c_MpXXXXaUXpXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1LDc3MpXXXXavXFXXXXXXXXXX-204-200.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1S0c_MpXXXXaUXpXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1LDc3MpXXXXavXFXXXXXXXXXX-204-200.png") 2x)
}

.no-data .bg-group-content-empty,
.no-data .bg-group-empty {
    display: inline-block;
    margin: 20px 0 0;
    height: 100px;
    width: 102px;
    background-repeat: no-repeat;
    background-size: 102px 100px
}

.no-data .bg-group-empty {
    background-image: url(//img.alicdn.com/tps/TB173.MMpXXXXa6aXXXXXXXXXXX-102-100.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB173.MMpXXXXa6aXXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1HVpcMFXXXXXIXpXXXXXXXXXX-204-200.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB173.MMpXXXXa6aXXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1HVpcMFXXXXXIXpXXXXXXXXXX-204-200.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB173.MMpXXXXa6aXXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1HVpcMFXXXXXIXpXXXXXXXXXX-204-200.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB173.MMpXXXXa6aXXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1HVpcMFXXXXXIXpXXXXXXXXXX-204-200.png") 2x)
}

.no-data .bg-search-empty {
    background-image: url(//img.alicdn.com/tps/TB1dx.UMpXXXXboXVXXXXXXXXXX-102-100.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB1dx.UMpXXXXboXVXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1CWs1MpXXXXcRXFXXXXXXXXXX-204-200.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB1dx.UMpXXXXboXVXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1CWs1MpXXXXcRXFXXXXXXXXXX-204-200.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB1dx.UMpXXXXboXVXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1CWs1MpXXXXcRXFXXXXXXXXXX-204-200.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB1dx.UMpXXXXboXVXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB1CWs1MpXXXXcRXFXXXXXXXXXX-204-200.png") 2x)
}

.no-data .bg-item-invalid,
.no-data .bg-search-empty {
    display: inline-block;
    margin: 20px 0 0;
    width: 102px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 102px 100px
}

.no-data .bg-item-invalid {
    background-image: url(//img.alicdn.com/tps/TB163KpJFXXXXaWaXXXXXXXXXXX-102-100.png);
    background-image: -webkit-image-set(url("//img.alicdn.com/tps/TB163KpJFXXXXaWaXXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB11RiuJFXXXXb2XVXXXXXXXXXX-204-200.png") 2x);
    background-image: -moz-image-set(url("//img.alicdn.com/tps/TB163KpJFXXXXaWaXXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB11RiuJFXXXXb2XVXXXXXXXXXX-204-200.png") 2x);
    background-image: -ms-image-set(url("//img.alicdn.com/tps/TB163KpJFXXXXaWaXXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB11RiuJFXXXXb2XVXXXXXXXXXX-204-200.png") 2x);
    background-image: -o-image-set(url("//img.alicdn.com/tps/TB163KpJFXXXXaWaXXXXXXXXXXX-102-100.png") 1x, url("//img.alicdn.com/tps/TB11RiuJFXXXXb2XVXXXXXXXXXX-204-200.png") 2x)
}

.color-green {
    color: #51a300
}

.color-blue {
    color: #4d7fff
}

.color-red {
    color: #d0021b
}

.color-brand {
    color: #ff822e
}

.color-grey {
    color: #bababa
}

.color-pass {
    color: #91b615
}

.color-reject {
    color: #ac1616
}

a.color-l:link,
a.color-l:visited {
    color: #999
}

a.color-l:hover {
    color: #ff822e
}

.color-l {
    color: #999
}

.color-m {
    color: #666
}

.color-d {
    color: #333
}

.color-c {
    color: #ccc
}

.overflow_dotted {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.overflow_hide {
    overflow: hidden
}

.valign-t {
    vertical-align: top
}

.valign-m {
    vertical-align: middle
}

.valign-b {
    vertical-align: bottom
}

.number {
    font-family: tahoma
}

.number .yuan {
    font-size: 12px
}

.number .integer,
.number .pointer {
    font-weight: 700
}

.number .decimal {
    font-size: 12px;
    font-weight: 700
}

.number .percent {
    font-size: 12px;
    margin-left: 2px
}

.number-14 .integer {
    font-size: 14px
}

.number-16 .integer {
    font-size: 16px
}

.number-18 .integer {
    font-size: 18px
}

.number-24 .integer {
    font-size: 24px
}

.number-32 .integer {
    font-size: 32px
}

.number-32 .decimal,
.number-32 .percent {
    font-size: 16px
}

.number-thin .decimal,
.number-thin .integer {
    font-weight: 400
}

.percent .num {
    font-weight: 700
}

.percent .symbol {
    font-size: 12px;
    font-weight: 700
}

.percent-16 .num {
    font-size: 16px
}

.status-wait {
    color: #ff9580
}

.status-wait .status-dot {
    background-color: #ff9580
}

.status-signup {
    color: #fa0
}

.status-signup .status-dot {
    background-color: #fa0
}

.status-cutoff {
    color: #bcd982
}

.status-cutoff .status-dot {
    background-color: #bcd982
}

.status-promo {
    color: #00ba97
}

.status-promo .status-dot {
    background-color: #00ba97
}

.status-fullfill {
    color: #80aaff
}

.status-fullfill .status-dot {
    background-color: #80aaff
}

.status-end {
    color: #d3d3db
}

.status-end .status-dot {
    background-color: #d3d3db
}

.pointer {
    cursor: pointer
}

.event-status-draft {
    color: #8b572a
}

.event-status-wait {
    color: #49b6e0
}

.event-status-signup {
    color: #f6a623
}

.event-status-promo {
    color: green
}

.event-status-failure {
    color: #d0021b
}

.event-status-end {
    color: #9b9b9b
}

.pa {
    position: absolute
}

.dib {
    display: inline-block
}

.vt {
    vertical-align: top
}

.color-yellow {
    color: orange
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.btn-gray {
    border-color: #e5e5e5;
    background: #e5e5e5
}

.unionapp-qr {
    position: fixed;
    right: 58px;
    background: url(https://img.alicdn.com/tfs/TB1TDiUclWD3KVjSZFsXXcqkpXa-454-458.png);
    top: 200px;
    width: 40px;
    height: 40px;
    background-size: cover;
    z-index: 999
}

.unionapp-qr:hover {
    width: 100px;
    height: 100px
}

.no-list-error {
    padding: 50px 0;
    text-align: center;
    font-size: 0
}

.no-list-error .img img {
    width: 100px
}

.no-list-error .desc {
    margin-top: 8px;
    line-height: 16px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    color: #b4b4b4
}

.no-list-error .tip {
    margin-top: 14px
}

.table_no_scrollbar .pub-three_app_gallery_mx-table_index_-scrollbar {
    height: 0
}

.metadata-item {
    margin-bottom: 6px
}

.metadata-item .metadata-text-component input[disabled],
.metadata-item .metadata-textarea-component textarea[disabled] {
    background: #f7f8fa
}

.metadata-item.metadata-hide-must-icon .metdata-must-icon {
    display: none
}

.metadata-item.metadata-hide-item-title .metadata-item-title {
    color: #fff
}

.metadata-item .metadata-item-title {
    text-align: right;
    width: 120px;
    vertical-align: top;
    line-height: 28px;
    color: #9b9b9b;
    position: relative;
    padding-right: 16px;
    margin-right: 20px;
    height: 28px
}

.metadata-item .metadata-item-title .help-balloon-icon {
    position: absolute;
    right: 0
}

.metadata-item .metadata-item-component {
    vertical-align: top
}

.metadata-item .metdata-must-icon {
    background-image: url(//gw.alicdn.com/tfs/TB1PhJFBoY1gK0jSZFMXXaWcVXa-12-12.png);
    margin-bottom: 2px;
    width: 6px;
    height: 6px
}

.metadata-item input[readonly],
.metadata-item input[readonly]:hover {
    background-color: #fff
}

.metadata-item .component-json2react {
    display: inline-block;
    width: 596px;
    line-height: 20px;
    padding: 5px 0
}

.metadata-item .meta-item-add-after {
    margin-left: 20px
}

.metadata-item .custom-upload .next-upload-list-image,
.metadata-item .custom-upload .next-upload-list-text {
    width: 300px
}

.metadata-item .metadata-multiSelect .custom-multi-select {
    display: inline-block
}

.metadata-item .link {
    color: #fe4800
}

.metadata-item .next-cascader-inner {
    width: auto !important
}

.metadata-item .next-cascader-inner .next-cascader-menu-wrapper {
    width: auto
}

.metadata-item .next-cascader-inner .next-cascader-menu-wrapper .next-menu-item-text {
    margin-right: 10px
}

.metadata-item .next-cascader-inner .next-cascader-menu-wrapper .next-icon-arrow-right {
    margin-top: 1px
}

.metadata-item .next-cascader-menu-item.next-expanded {
    background: #fff2ea;
    border-radius: 4px;
    color: #ff822e;
    margin: 0 6px
}

.metadata-item .next-menu-item {
    padding: 0 14px;
    margin: 0 6px
}

.metadata-item .next-menu-item:not(.next-disabled).next-selected {
    background: #fff2ea;
    border-radius: 4px;
    color: #ff822e;
    margin: 0 6px
}

.metadata-item .next-menu-item:not(.next-disabled).next-selected.next-focused:hover,
.metadata-item .next-menu-item:not(.next-disabled).next-selected:focus,
.metadata-item .next-menu-item:not(.next-disabled).next-selected:focus:hover,
.metadata-item .next-menu-item:not(.next-disabled).next-selected:hover,
.metadata-item .next-menu-item:not(.next-disabled):hover {
    background: #fff2ea !important;
    border-radius: 4px;
    margin: 0 6px
}

.metadata-item .metadata-item-component-error {
    border-color: #d52112
}

.metadata-item .next-upload .next-upload-inner .next-btn {
    background-color: #fff7f2;
    border-color: #fe4800;
    color: #fe4800 !important
}

.metadata-item .next-input.next-focus,
.metadata-item .next-upload-card:hover {
    border-color: var(--color-brand-hover)
}

.metadata-item .next-upload-card:hover .next-icon,
.metadata-item .next-upload-card:hover .next-upload-text {
    color: var(--color-brand-hover)
}

.metadata-item .next-radio-group {
    line-height: 28px
}

.metadata-item .next-radio-wrapper.checked:not(.disabled) .next-radio-inner {
    border-color: #ff822e;
    background: #ff822e
}

.metadata-item .next-radio-wrapper:not(.disabled).focused .next-radio-inner,
.metadata-item .next-radio-wrapper:not(.disabled).hovered .next-radio-inner,
.metadata-item .next-radio-wrapper:not(.disabled):focus .next-radio-inner,
.metadata-item .next-radio-wrapper:not(.disabled):hover .next-radio-inner {
    border-color: #ff822e;
    background: var(--color-brand-hover)
}

.metadata-item .next-radio-wrapper:not(.disabled).focused .next-radio-label,
.metadata-item .next-radio-wrapper:not(.disabled).hovered .next-radio-label,
.metadata-item .next-radio-wrapper:not(.disabled):focus .next-radio-label,
.metadata-item .next-radio-wrapper:not(.disabled):hover .next-radio-label {
    cursor: pointer
}

.metadata-item .next-radio-wrapper.checked.focused .next-radio-inner,
.metadata-item .next-radio-wrapper.checked:not(.disabled).hovered .next-radio-inner,
.metadata-item .next-radio-wrapper.checked:not(.disabled):focus .next-radio-inner,
.metadata-item .next-radio-wrapper.checked:not(.disabled):hover .next-radio-inner {
    border-color: #ff822e;
    background: #ff822e
}

.metadata-item .next-radio-wrapper.checked.focused .next-radio-inner:after,
.metadata-item .next-radio-wrapper.checked:not(.disabled).hovered .next-radio-inner:after,
.metadata-item .next-radio-wrapper.checked:not(.disabled):focus .next-radio-inner:after,
.metadata-item .next-radio-wrapper.checked:not(.disabled):hover .next-radio-inner:after {
    background: #fff
}

.metadata-item .next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-name,
.metadata-item .next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-size {
    color: #ff822e
}

.metadata-item .next-upload-list-item-error .next-upload-list-item-name {
    color: #d52112
}

.metadata-item .next-select input {
    cursor: pointer !important
}

.metadata-item .next-menu-item .next-menu-icon-selected {
    color: #fe4800 !important;
    display: none
}

.metadata-item .select-max-count-tips {
    color: #999;
    margin-left: 10px;
    line-height: 28px
}

.metadata-item .next-tag-closable.next-tag-level-primary {
    color: #333;
    border: none;
    background-color: #fff2ea
}

.metadata-item .next-tag-closable.next-tag-level-primary .next-tag-close-btn {
    color: #ccc
}

.metadata-item .next-tag-closable.next-tag-level-primary .next-tag-close-btn:hover {
    color: #999
}

.metadata-item .next-tag-closable.next-tag-level-primary:hover {
    background-color: #fff2ea !important
}

#J_baseFormInfo .metadata-error-tip,
#J_contactFormInfo .metadata-error-tip {
    margin-left: 138px
}

#J_baseFormInfo .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked,
#J_contactFormInfo .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked {
    display: inline-block !important
}

#J_baseFormInfo .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio-label,
#J_contactFormInfo .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio-label {
    padding-left: 0 !important;
    margin-left: 0;
    color: #333 !important;
    line-height: 28px;
    padding-left: 5px
}

#J_baseFormInfo .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper,
#J_contactFormInfo .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper {
    display: none;
    cursor: default
}

#J_baseFormInfo .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio,
#J_contactFormInfo .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio {
    display: none
}

.showFormError .metadata-item.metadata-item-required-error .next-input {
    border-color: #d52112
}

.metadata-error-tip {
    display: block;
    color: #d52112
}

#J_serverBaseFormInfo .metadata-item-title {
    width: 140px;
    padding-left: 20px
}

#J_serverBaseFormInfo .metadata-error-tip {
    display: block;
    margin-left: 158px
}

#J_serverBaseFormInfo .custom-upload .next-upload-inner {
    margin-right: 0
}

#J_bizContactFormInfo .metadata-item-title,
#J_cpContactFormInfo .metadata-item-title {
    width: 100px
}

#J_bizContactFormInfo .meta-item-add-after,
#J_cpContactFormInfo .meta-item-add-after {
    margin-left: 8px
}

#J_bizContactFormInfo .metadata-error-tip,
#J_cpContactFormInfo .metadata-error-tip {
    margin-left: 120px
}

#J_cpDingFormInfo .metadata-item {
    margin-bottom: 0
}

#J_cpDingFormInfo .metadata-object-con>div {
    display: inline-block;
    vertical-align: top
}

#J_cpDingFormInfo .cpDingForm-ding-desc {
    display: inline-block;
    margin-right: 10px
}

#J_cpDingFormInfo .cpDingForm-ding-desc .metadata-error-tip {
    display: block;
    width: 100px;
    margin-left: 50px
}

#J_cpDingFormInfo .cpDingForm-ding-desc .metadata-item-title {
    width: 50px;
    margin-right: 0
}

#J_cpDingFormInfo .cpDingForm-ding-desc .meta-item-add {
    display: none
}

#J_cpDingFormInfo .cpDingForm-ding-desc .metadata-item-component {
    width: 110px
}

#J_cpDingFormInfo .cpDingForm-ding-number {
    display: inline-block
}

#J_cpDingFormInfo .cpDingForm-ding-number .meta-item-add,
#J_cpDingFormInfo .cpDingForm-ding-number .metadata-item-title {
    display: none
}

#J_cpDingFormInfo .cpDingForm-ding-number .metadata-item-component {
    width: 150px
}

#J_baseFormInfo.form-detail,
#J_bizContactFormInfo.form-detail,
#J_contactFormInfo.form-detail,
#J_cpContactFormInfo.form-detail,
#J_serverBaseFormInfo.form-detail {
    padding: 30px 0 10px
}

#J_baseFormInfo.form-detail .next-input,
#J_bizContactFormInfo.form-detail .next-input,
#J_contactFormInfo.form-detail .next-input,
#J_cpContactFormInfo.form-detail .next-input,
#J_serverBaseFormInfo.form-detail .next-input {
    background-color: transparent !important;
    border: none !important;
    width: 560px !important;
    cursor: default
}

#J_baseFormInfo.form-detail .next-input.next-input-group-auto-width,
#J_bizContactFormInfo.form-detail .next-input.next-input-group-auto-width,
#J_contactFormInfo.form-detail .next-input.next-input-group-auto-width,
#J_cpContactFormInfo.form-detail .next-input.next-input-group-auto-width,
#J_serverBaseFormInfo.form-detail .next-input.next-input-group-auto-width {
    width: auto !important
}

#J_baseFormInfo.form-detail .next-input-group-addon,
#J_bizContactFormInfo.form-detail .next-input-group-addon,
#J_contactFormInfo.form-detail .next-input-group-addon,
#J_cpContactFormInfo.form-detail .next-input-group-addon,
#J_serverBaseFormInfo.form-detail .next-input-group-addon {
    color: #aaa;
    border: none;
    background: none
}

#J_baseFormInfo.form-detail input,
#J_bizContactFormInfo.form-detail input,
#J_contactFormInfo.form-detail input,
#J_cpContactFormInfo.form-detail input,
#J_serverBaseFormInfo.form-detail input {
    background: transparent !important;
    color: #333 !important;
    cursor: default
}

#J_baseFormInfo.form-detail input::-moz-placeholder,
#J_bizContactFormInfo.form-detail input::-moz-placeholder,
#J_contactFormInfo.form-detail input::-moz-placeholder,
#J_cpContactFormInfo.form-detail input::-moz-placeholder,
#J_serverBaseFormInfo.form-detail input::-moz-placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail input:-ms-input-placeholder,
#J_bizContactFormInfo.form-detail input:-ms-input-placeholder,
#J_contactFormInfo.form-detail input:-ms-input-placeholder,
#J_cpContactFormInfo.form-detail input:-ms-input-placeholder,
#J_serverBaseFormInfo.form-detail input:-ms-input-placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail input::-webkit-input-placeholder,
#J_bizContactFormInfo.form-detail input::-webkit-input-placeholder,
#J_contactFormInfo.form-detail input::-webkit-input-placeholder,
#J_cpContactFormInfo.form-detail input::-webkit-input-placeholder,
#J_serverBaseFormInfo.form-detail input::-webkit-input-placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail input::-ms-input-placeholder,
#J_bizContactFormInfo.form-detail input::-ms-input-placeholder,
#J_contactFormInfo.form-detail input::-ms-input-placeholder,
#J_cpContactFormInfo.form-detail input::-ms-input-placeholder,
#J_serverBaseFormInfo.form-detail input::-ms-input-placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail input::placeholder,
#J_bizContactFormInfo.form-detail input::placeholder,
#J_contactFormInfo.form-detail input::placeholder,
#J_cpContactFormInfo.form-detail input::placeholder,
#J_serverBaseFormInfo.form-detail input::placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail textarea,
#J_bizContactFormInfo.form-detail textarea,
#J_contactFormInfo.form-detail textarea,
#J_cpContactFormInfo.form-detail textarea,
#J_serverBaseFormInfo.form-detail textarea {
    background: transparent !important;
    color: #333 !important;
    cursor: default
}

#J_baseFormInfo.form-detail textarea::-moz-placeholder,
#J_bizContactFormInfo.form-detail textarea::-moz-placeholder,
#J_contactFormInfo.form-detail textarea::-moz-placeholder,
#J_cpContactFormInfo.form-detail textarea::-moz-placeholder,
#J_serverBaseFormInfo.form-detail textarea::-moz-placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail textarea:-ms-input-placeholder,
#J_bizContactFormInfo.form-detail textarea:-ms-input-placeholder,
#J_contactFormInfo.form-detail textarea:-ms-input-placeholder,
#J_cpContactFormInfo.form-detail textarea:-ms-input-placeholder,
#J_serverBaseFormInfo.form-detail textarea:-ms-input-placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail textarea::-webkit-input-placeholder,
#J_bizContactFormInfo.form-detail textarea::-webkit-input-placeholder,
#J_contactFormInfo.form-detail textarea::-webkit-input-placeholder,
#J_cpContactFormInfo.form-detail textarea::-webkit-input-placeholder,
#J_serverBaseFormInfo.form-detail textarea::-webkit-input-placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail textarea::-ms-input-placeholder,
#J_bizContactFormInfo.form-detail textarea::-ms-input-placeholder,
#J_contactFormInfo.form-detail textarea::-ms-input-placeholder,
#J_cpContactFormInfo.form-detail textarea::-ms-input-placeholder,
#J_serverBaseFormInfo.form-detail textarea::-ms-input-placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail textarea::placeholder,
#J_bizContactFormInfo.form-detail textarea::placeholder,
#J_contactFormInfo.form-detail textarea::placeholder,
#J_cpContactFormInfo.form-detail textarea::placeholder,
#J_serverBaseFormInfo.form-detail textarea::placeholder {
    color: transparent !important
}

#J_baseFormInfo.form-detail .metadata-json2react,
#J_baseFormInfo.form-detail .next-input-control,
#J_baseFormInfo.form-detail .next-upload-inner,
#J_bizContactFormInfo.form-detail .metadata-json2react,
#J_bizContactFormInfo.form-detail .next-input-control,
#J_bizContactFormInfo.form-detail .next-upload-inner,
#J_contactFormInfo.form-detail .metadata-json2react,
#J_contactFormInfo.form-detail .next-input-control,
#J_contactFormInfo.form-detail .next-upload-inner,
#J_cpContactFormInfo.form-detail .metadata-json2react,
#J_cpContactFormInfo.form-detail .next-input-control,
#J_cpContactFormInfo.form-detail .next-upload-inner,
#J_serverBaseFormInfo.form-detail .metadata-json2react,
#J_serverBaseFormInfo.form-detail .next-input-control,
#J_serverBaseFormInfo.form-detail .next-upload-inner {
    display: none !important
}

#J_baseFormInfo.form-detail .next-select-values em,
#J_bizContactFormInfo.form-detail .next-select-values em,
#J_contactFormInfo.form-detail .next-select-values em,
#J_cpContactFormInfo.form-detail .next-select-values em,
#J_serverBaseFormInfo.form-detail .next-select-values em {
    color: #333 !important;
    cursor: default
}

#J_baseFormInfo.form-detail .next-radio-wrapper.checked,
#J_bizContactFormInfo.form-detail .next-radio-wrapper.checked,
#J_contactFormInfo.form-detail .next-radio-wrapper.checked,
#J_cpContactFormInfo.form-detail .next-radio-wrapper.checked,
#J_serverBaseFormInfo.form-detail .next-radio-wrapper.checked {
    display: inline-block !important
}

#J_baseFormInfo.form-detail .next-radio-wrapper.checked .next-radio-label,
#J_bizContactFormInfo.form-detail .next-radio-wrapper.checked .next-radio-label,
#J_contactFormInfo.form-detail .next-radio-wrapper.checked .next-radio-label,
#J_cpContactFormInfo.form-detail .next-radio-wrapper.checked .next-radio-label,
#J_serverBaseFormInfo.form-detail .next-radio-wrapper.checked .next-radio-label {
    color: #333 !important;
    line-height: 28px;
    padding-left: 4px
}

#J_baseFormInfo.form-detail .next-radio-wrapper,
#J_bizContactFormInfo.form-detail .next-radio-wrapper,
#J_contactFormInfo.form-detail .next-radio-wrapper,
#J_cpContactFormInfo.form-detail .next-radio-wrapper,
#J_serverBaseFormInfo.form-detail .next-radio-wrapper {
    display: none;
    cursor: default
}

#J_baseFormInfo.form-detail .next-radio-wrapper.checked .next-radio,
#J_bizContactFormInfo.form-detail .next-radio-wrapper.checked .next-radio,
#J_contactFormInfo.form-detail .next-radio-wrapper.checked .next-radio,
#J_cpContactFormInfo.form-detail .next-radio-wrapper.checked .next-radio,
#J_serverBaseFormInfo.form-detail .next-radio-wrapper.checked .next-radio {
    display: none
}

#J_baseFormInfo.form-detail .next-select-multiple .next-tag,
#J_bizContactFormInfo.form-detail .next-select-multiple .next-tag,
#J_contactFormInfo.form-detail .next-select-multiple .next-tag,
#J_cpContactFormInfo.form-detail .next-select-multiple .next-tag,
#J_serverBaseFormInfo.form-detail .next-select-multiple .next-tag {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0 5px 0 0;
    color: #333
}

#J_baseFormInfo.form-detail .next-select-multiple .next-tag .next-tag-body,
#J_bizContactFormInfo.form-detail .next-select-multiple .next-tag .next-tag-body,
#J_contactFormInfo.form-detail .next-select-multiple .next-tag .next-tag-body,
#J_cpContactFormInfo.form-detail .next-select-multiple .next-tag .next-tag-body,
#J_serverBaseFormInfo.form-detail .next-select-multiple .next-tag .next-tag-body {
    max-width: 100%;
    padding: 0 8px 0 0
}

#J_baseFormInfo.form-detail .next-select-multiple .next-tag .next-tag-close-btn,
#J_bizContactFormInfo.form-detail .next-select-multiple .next-tag .next-tag-close-btn,
#J_contactFormInfo.form-detail .next-select-multiple .next-tag .next-tag-close-btn,
#J_cpContactFormInfo.form-detail .next-select-multiple .next-tag .next-tag-close-btn,
#J_serverBaseFormInfo.form-detail .next-select-multiple .next-tag .next-tag-close-btn {
    display: none
}

#J_baseFormInfo.form-detail .metadata-item-title,
#J_bizContactFormInfo.form-detail .metadata-item-title,
#J_contactFormInfo.form-detail .metadata-item-title,
#J_cpContactFormInfo.form-detail .metadata-item-title,
#J_serverBaseFormInfo.form-detail .metadata-item-title {
    margin-right: 16px
}

#J_baseFormInfo.form-detail .next-upload-tool-close,
#J_bizContactFormInfo.form-detail .next-upload-tool-close,
#J_contactFormInfo.form-detail .next-upload-tool-close,
#J_cpContactFormInfo.form-detail .next-upload-tool-close,
#J_serverBaseFormInfo.form-detail .next-upload-tool-close {
    display: none
}

#J_baseFormInfo.form-detail .next-upload-tool-download-link i,
#J_bizContactFormInfo.form-detail .next-upload-tool-download-link i,
#J_contactFormInfo.form-detail .next-upload-tool-download-link i,
#J_cpContactFormInfo.form-detail .next-upload-tool-download-link i,
#J_serverBaseFormInfo.form-detail .next-upload-tool-download-link i {
    width: 100%;
    border: none
}

#J_baseFormInfo.form-detail .metadata-error-tip,
#J_baseFormInfo.form-detail .next-upload-list-item i.next-icon-close,
#J_bizContactFormInfo.form-detail .metadata-error-tip,
#J_bizContactFormInfo.form-detail .next-upload-list-item i.next-icon-close,
#J_contactFormInfo.form-detail .metadata-error-tip,
#J_contactFormInfo.form-detail .next-upload-list-item i.next-icon-close,
#J_cpContactFormInfo.form-detail .metadata-error-tip,
#J_cpContactFormInfo.form-detail .next-upload-list-item i.next-icon-close,
#J_serverBaseFormInfo.form-detail .metadata-error-tip,
#J_serverBaseFormInfo.form-detail .next-upload-list-item i.next-icon-close {
    display: none
}

#J_baseFormInfo.form-detail .metadata-item,
#J_bizContactFormInfo.form-detail .metadata-item,
#J_contactFormInfo.form-detail .metadata-item,
#J_cpContactFormInfo.form-detail .metadata-item,
#J_serverBaseFormInfo.form-detail .metadata-item {
    margin-bottom: 20px
}

#J_baseFormInfo.form-detail .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio-label,
#J_bizContactFormInfo.form-detail .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio-label,
#J_contactFormInfo.form-detail .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio-label,
#J_cpContactFormInfo.form-detail .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio-label,
#J_serverBaseFormInfo.form-detail .update-to-show-text .metadata-radio-component.disabled .next-radio-wrapper.checked .next-radio-label {
    padding-left: 4px !important;
    margin-left: 4px !important
}

.metadata-item.metadata-json2react .metadata-item-title {
    display: inline-block
}

.smartform-component-w100 .metadata-item-component {
    width: 100px
}

.smartform-component-w200 .metadata-item-component {
    width: 200px
}

.smartform-component-w300 .metadata-item-component {
    width: 300px
}

.smartform-component-w400 .metadata-item-component {
    width: 400px
}

.smartform-component-w500 .metadata-item-component {
    width: 500px
}

.color-brand:link,
.color-brand:visited {
    color: #fe4800
}

a:link,
a:visited {
    color: #333
}

.next-upload.metadata-component-disabled .next-upload-tool-close {
    display: none
}

.next-upload.metadata-component-disabled .next-upload-list-item .next-upload-tool .next-upload-tool-download-link i {
    width: 100%;
    border: none
}

.next-upload.metadata-component-disabled .next-upload-list-item i.next-icon-close {
    display: none
}

.smartForm-cp-logo {
    position: relative
}

.smartForm-cp-logo .meta-item-add {
    display: none;
    font-size: 12px;
    width: 200px;
    display: inline-block;
    color: #fe4800
}

.smartForm-cp-logo:after {
    position: absolute;
    top: 0;
    left: 274px;
    font-size: 12px;
    width: 400px;
    content: "请上传180*180的团队LOGO图，支持jpg、png格式";
    display: inline-block;
    color: #999
}

.smartForm-identityCert-logo {
    position: relative
}

.smartForm-identityCert-logo .meta-item-add {
    font-size: 12px;
    width: 200px;
    display: inline-block;
    color: #fe4800
}

.smartForm-identityCert-logo:after {
    position: absolute;
    top: 0;
    left: 274px;
    font-size: 12px;
    width: 400px;
    content: "请上传身份证正反面";
    display: inline-block;
    color: #999
}

.J_cpDingFormInfo .cpDingForm-ding-desc input {
    width: 100px !important
}

.J_cpDingFormInfo .cpDingForm-ding-number input {
    width: 150px !important
}

.block-code .code-tip {
    min-height: 34px
}

.block-code .qr-img {
    height: 100px;
    line-height: 100px;
    text-align: center
}

.block-code .qr-img img {
    height: 92px;
    width: 92px;
    vertical-align: middle
}

.block-code .qr-img .download-tip {
    line-height: 1.8;
    width: 150px;
    display: inline-block
}

.block-code .code-wrap-s {
    margin-top: 20px
}

.block-code .code-wrap-s .clipboard-wrap {
    display: inline-block
}

.block-code .code-wrap-s .clipboard-target-wrap {
    display: inline-block;
    width: 362px;
    margin-left: 6px
}

.block-code .code-wrap-s textarea {
    width: 100%;
    height: 100px;
    cursor: pointer;
    color: #999
}

.block-code .code-wrap-s input {
    width: 100%;
    color: #999
}

.block-code .code-wrap-s .btn,
.block-code .code-wrap-s .textarea-label {
    vertical-align: top
}

.block-code .code-wrap-l textarea {
    width: 100%;
    height: 110px;
    cursor: pointer;
    color: #999
}

.login-enter {
    width: 300px;
    height: 32px;
    text-align: center;
    color: #fff;
    margin-top: 8px;
    font-size: 14px
}

.links {
    font-size: 12px;
    margin-top: 13px
}

.links .link {
    padding: 0 15px;
    color: #333
}

.links .link:hover {
    color: #ff822e
}

.links .divide {
    width: 0;
    border-left: 1px solid #ccc
}
